@charset "UTF-8";
/*!
 * This is the Mercury template for OpenCms, created by Alkacon Software
 */
@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/montserrat-v25-latin_latin-ext-300.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/montserrat-v25-latin_latin-ext-300italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin_latin-ext-regular.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/montserrat-v25-latin_latin-ext-italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/montserrat-v25-latin_latin-ext-500.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/montserrat-v25-latin_latin-ext-500italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/montserrat-v25-latin_latin-ext-600.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/montserrat-v25-latin_latin-ext-600italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin_latin-ext-700.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: Montserrat;
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/montserrat-v25-latin_latin-ext-700italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/open-sans-v35-latin_latin-ext-300.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/open-sans-v35-latin_latin-ext-300italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/open-sans-v35-latin_latin-ext-regular.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/open-sans-v35-latin_latin-ext-italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/open-sans-v35-latin_latin-ext-500.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/open-sans-v35-latin_latin-ext-500italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/open-sans-v35-latin_latin-ext-600.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/open-sans-v35-latin_latin-ext-600italic.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/open-sans-v35-latin_latin-ext-700.woff2") format("woff2")
}

@font-face {
  font-display: swap;
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/open-sans-v35-latin_latin-ext-700italic.woff2") format("woff2")
}

/*!
 * Bootstrap - included in part with Mercury - v5.3.2 (https://getbootstrap.com/)
 * Copyright 2011-2023 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
*,
::after,
::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--my-body-font-family);
  font-size: var(--my-body-font-size);
  font-weight: var(--my-body-font-weight);
  line-height: var(--my-body-line-height);
  color: var(--my-body-color);
  text-align: var(--my-body-text-align);
  background-color: var(--my-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--my-border-width) solid;
  opacity: .25
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--my-heading-color)
}

h1 {
  font-size: 3.1rem
}

h2 {
  font-size: 2.6rem
}

h3 {
  font-size: 2.2rem
}

h4 {
  font-size: 2rem
}

h5 {
  font-size: 2rem
}

h6 {
  font-size: 2rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 600
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: 600
}

small {
  font-size: .875em
}

mark {
  padding: .1875em;
  color: var(--my-highlight-color);
  background-color: var(--my-highlight-bg)
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

#breadcrumb>div>a {
  color: #767676;
}

a {
  color: #31839B;
  var(--my-link-opacity, 1));
  text-decoration: none
}

a:hover {
  color: #2c8096;
  text-decoration: underline
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: var(--my-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: var(--my-code-color);
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .1875rem .375rem;
  font-size: .875em;
  color: var(--my-body-bg);
  background-color: var(--my-body-color)
}

kbd kbd {
  padding: 0;
  font-size: 1em
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: var(--my-secondary-color);
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus:not(:focus-visible) {
  outline: 0
}

input#pageInput {
  text-align: center;
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

select:disabled {
  opacity: 1
}

[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::file-selector-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --my-gutter-x: 30px;
  --my-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--my-gutter-x) * .5);
  padding-left: calc(var(--my-gutter-x) * .5);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:552px) {

  .container,
  .container-sm {
    max-width: 95vw !important
  }
}

@media (min-width:764px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 95vw
  }
}

@media (min-width:1014px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 95vw
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 95vw
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1500px
  }
}

:root {
  --my-breakpoint-xs: 0;
  --my-breakpoint-sm: 552px;
  --my-breakpoint-md: 764px;
  --my-breakpoint-lg: 1014px;
  --my-breakpoint-xl: 1200px;
  --my-breakpoint-xxl: 1400px
}

.row {
  --my-gutter-x: 30px;
  --my-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--my-gutter-y));
  margin-right: calc(-.5 * var(--my-gutter-x));
  margin-left: calc(-.5 * var(--my-gutter-x))
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--my-gutter-x) * .5);
  padding-left: calc(var(--my-gutter-x) * .5);
  margin-top: var(--my-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.33333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.66666667%
}

.row-cols-7>* {
  flex: 0 0 auto;
  width: 14.28571429%
}

.row-cols-8>* {
  flex: 0 0 auto;
  width: 12.5%
}

.row-cols-9>* {
  flex: 0 0 auto;
  width: 11.11111111%
}

.row-cols-10>* {
  flex: 0 0 auto;
  width: 10%
}

.row-cols-11>* {
  flex: 0 0 auto;
  width: 9.09090909%
}

.row-cols-12>* {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

@media (max-width: 991.98px) {
  .flex-col.col-6 {
    width: 100%;
  }
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.33333333%
}

.offset-2 {
  margin-left: 16.66666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.33333333%
}

.offset-5 {
  margin-left: 41.66666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.33333333%
}

.offset-8 {
  margin-left: 66.66666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.33333333%
}

.offset-11 {
  margin-left: 91.66666667%
}

.g-0,
.gx-0 {
  --my-gutter-x: 0
}

.g-0,
.gy-0 {
  --my-gutter-y: 0
}

.g-1,
.gx-1 {
  --my-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --my-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --my-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --my-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --my-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --my-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --my-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --my-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --my-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --my-gutter-y: 3rem
}

@media (min-width:552px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .row-cols-sm-7>* {
    flex: 0 0 auto;
    width: 14.28571429%
  }

  .row-cols-sm-8>* {
    flex: 0 0 auto;
    width: 12.5%
  }

  .row-cols-sm-9>* {
    flex: 0 0 auto;
    width: 11.11111111%
  }

  .row-cols-sm-10>* {
    flex: 0 0 auto;
    width: 10%
  }

  .row-cols-sm-11>* {
    flex: 0 0 auto;
    width: 9.09090909%
  }

  .row-cols-sm-12>* {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.33333333%
  }

  .offset-sm-2 {
    margin-left: 16.66666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.33333333%
  }

  .offset-sm-5 {
    margin-left: 41.66666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.33333333%
  }

  .offset-sm-8 {
    margin-left: 66.66666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.33333333%
  }

  .offset-sm-11 {
    margin-left: 91.66666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --my-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --my-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --my-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --my-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --my-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --my-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --my-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --my-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --my-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --my-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --my-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --my-gutter-y: 3rem
  }
}

@media (min-width:764px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .row-cols-md-7>* {
    flex: 0 0 auto;
    width: 14.28571429%
  }

  .row-cols-md-8>* {
    flex: 0 0 auto;
    width: 12.5%
  }

  .row-cols-md-9>* {
    flex: 0 0 auto;
    width: 11.11111111%
  }

  .row-cols-md-10>* {
    flex: 0 0 auto;
    width: 10%
  }

  .row-cols-md-11>* {
    flex: 0 0 auto;
    width: 9.09090909%
  }

  .row-cols-md-12>* {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.33333333%
  }

  .offset-md-2 {
    margin-left: 16.66666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.33333333%
  }

  .offset-md-5 {
    margin-left: 41.66666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.33333333%
  }

  .offset-md-8 {
    margin-left: 66.66666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.33333333%
  }

  .offset-md-11 {
    margin-left: 91.66666667%
  }

  .g-md-0,
  .gx-md-0 {
    --my-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --my-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --my-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --my-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --my-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --my-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --my-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --my-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --my-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --my-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --my-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --my-gutter-y: 3rem
  }
}

@media (min-width:1014px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .row-cols-lg-7>* {
    flex: 0 0 auto;
    width: 14.28571429%
  }

  .row-cols-lg-8>* {
    flex: 0 0 auto;
    width: 12.5%
  }

  .row-cols-lg-9>* {
    flex: 0 0 auto;
    width: 11.11111111%
  }

  .row-cols-lg-10>* {
    flex: 0 0 auto;
    width: 10%
  }

  .row-cols-lg-11>* {
    flex: 0 0 auto;
    width: 9.09090909%
  }

  .row-cols-lg-12>* {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.33333333%
  }

  .offset-lg-2 {
    margin-left: 16.66666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.33333333%
  }

  .offset-lg-5 {
    margin-left: 41.66666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.33333333%
  }

  .offset-lg-8 {
    margin-left: 66.66666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.33333333%
  }

  .offset-lg-11 {
    margin-left: 91.66666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --my-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --my-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --my-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --my-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --my-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --my-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --my-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --my-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --my-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --my-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --my-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --my-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .row-cols-xl-7>* {
    flex: 0 0 auto;
    width: 14.28571429%
  }

  .row-cols-xl-8>* {
    flex: 0 0 auto;
    width: 12.5%
  }

  .row-cols-xl-9>* {
    flex: 0 0 auto;
    width: 11.11111111%
  }

  .row-cols-xl-10>* {
    flex: 0 0 auto;
    width: 10%
  }

  .row-cols-xl-11>* {
    flex: 0 0 auto;
    width: 9.09090909%
  }

  .row-cols-xl-12>* {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.33333333%
  }

  .offset-xl-2 {
    margin-left: 16.66666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.33333333%
  }

  .offset-xl-5 {
    margin-left: 41.66666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.33333333%
  }

  .offset-xl-8 {
    margin-left: 66.66666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.33333333%
  }

  .offset-xl-11 {
    margin-left: 91.66666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --my-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --my-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --my-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --my-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --my-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --my-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --my-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --my-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --my-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --my-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --my-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --my-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .row-cols-xxl-7>* {
    flex: 0 0 auto;
    width: 14.28571429%
  }

  .row-cols-xxl-8>* {
    flex: 0 0 auto;
    width: 12.5%
  }

  .row-cols-xxl-9>* {
    flex: 0 0 auto;
    width: 11.11111111%
  }

  .row-cols-xxl-10>* {
    flex: 0 0 auto;
    width: 10%
  }

  .row-cols-xxl-11>* {
    flex: 0 0 auto;
    width: 9.09090909%
  }

  .row-cols-xxl-12>* {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.33333333%
  }

  .offset-xxl-2 {
    margin-left: 16.66666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.33333333%
  }

  .offset-xxl-5 {
    margin-left: 41.66666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.33333333%
  }

  .offset-xxl-8 {
    margin-left: 66.66666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.33333333%
  }

  .offset-xxl-11 {
    margin-left: 91.66666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --my-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --my-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --my-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --my-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --my-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --my-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --my-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --my-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --my-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --my-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --my-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --my-gutter-y: 3rem
  }
}

.table {
  --my-table-color-type: initial;
  --my-table-bg-type: initial;
  --my-table-color-state: initial;
  --my-table-bg-state: initial;
  --my-table-color: var(--my-emphasis-color);
  --my-table-bg: var(--my-body-bg);
  --my-table-border-color: var(--my-highlight-color);
  --my-table-accent-bg: transparent;
  --my-table-striped-color: var(--my-emphasis-color);
  --my-table-striped-bg: #f7f7f7;
  --my-table-active-color: var(--my-emphasis-color);
  --my-table-active-bg: rgba(var(--my-emphasis-color-rgb), 0.1);
  --my-table-hover-color: var(--my-emphasis-color);
  --my-table-hover-bg: rgba(var(--my-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--my-table-border-color)
}

.table>:not(caption)>*>* {
  padding: .5rem .5rem;
  color: var(--my-table-color-state, var(--my-table-color-type, var(--my-table-color)));
  background-color: var(--my-table-bg);
  border-bottom-width: var(--my-border-width);
  box-shadow: inset 0 0 0 9999px var(--my-table-bg-state, var(--my-table-bg-type, var(--my-table-accent-bg)))
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table-group-divider {
  border-top: calc(var(--my-border-width) * 2) solid currentcolor
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
  border-width: var(--my-border-width) 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 var(--my-border-width)
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
  border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
  --my-table-color-type: var(--my-table-striped-color);
  --my-table-bg-type: var(--my-table-striped-bg)
}

.table-striped-columns>:not(caption)>tr>:nth-child(2n) {
  --my-table-color-type: var(--my-table-striped-color);
  --my-table-bg-type: var(--my-table-striped-bg)
}

.table-active {
  --my-table-color-state: var(--my-table-active-color);
  --my-table-bg-state: var(--my-table-active-bg)
}

.table-hover>tbody>tr:hover>* {
  --my-table-color-state: var(--my-table-hover-color);
  --my-table-bg-state: var(--my-table-hover-bg)
}

.table-primary {
  --my-table-color: #000;
  --my-table-bg: #f0d1d6;
  --my-table-border-color: #c0a7ab;
  --my-table-striped-bg: #e4c7cb;
  --my-table-striped-color: #000;
  --my-table-active-bg: #d8bcc1;
  --my-table-active-color: #000;
  --my-table-hover-bg: #dec1c6;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-secondary {
  --my-table-color: #000;
  --my-table-bg: #e2e3e5;
  --my-table-border-color: #b5b6b7;
  --my-table-striped-bg: #d7d8da;
  --my-table-striped-color: #000;
  --my-table-active-bg: #cbccce;
  --my-table-active-color: #000;
  --my-table-hover-bg: #d1d2d4;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-success {
  --my-table-color: #000;
  --my-table-bg: #ccefd6;
  --my-table-border-color: #a3bfab;
  --my-table-striped-bg: #c2e3cb;
  --my-table-striped-color: #000;
  --my-table-active-bg: #b8d7c1;
  --my-table-active-color: #000;
  --my-table-hover-bg: #bdddc6;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-info {
  --my-table-color: #000;
  --my-table-bg: #d1f0eb;
  --my-table-border-color: #a7c0bc;
  --my-table-striped-bg: #c7e4df;
  --my-table-striped-color: #000;
  --my-table-active-bg: #bcd8d4;
  --my-table-active-color: #000;
  --my-table-hover-bg: #c1ded9;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-warning {
  --my-table-color: #000;
  --my-table-bg: #fff7cc;
  --my-table-border-color: #ccc6a3;
  --my-table-striped-bg: #f2ebc2;
  --my-table-striped-color: #000;
  --my-table-active-bg: #e6deb8;
  --my-table-active-color: #000;
  --my-table-hover-bg: #ece4bd;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-danger {
  --my-table-color: #000;
  --my-table-bg: #f0d1d6;
  --my-table-border-color: #c0a7ab;
  --my-table-striped-bg: #e4c7cb;
  --my-table-striped-color: #000;
  --my-table-active-bg: #d8bcc1;
  --my-table-active-color: #000;
  --my-table-hover-bg: #dec1c6;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-light {
  --my-table-color: #000;
  --my-table-bg: #f8f9fa;
  --my-table-border-color: #c6c7c8;
  --my-table-striped-bg: #ecedee;
  --my-table-striped-color: #000;
  --my-table-active-bg: #dfe0e1;
  --my-table-active-color: #000;
  --my-table-hover-bg: #e5e6e7;
  --my-table-hover-color: #000;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-dark {
  --my-table-color: #fff;
  --my-table-bg: #212529;
  --my-table-border-color: #4d5154;
  --my-table-striped-bg: #2c3034;
  --my-table-striped-color: #fff;
  --my-table-active-bg: #373b3e;
  --my-table-active-color: #fff;
  --my-table-hover-bg: #323539;
  --my-table-hover-color: #fff;
  color: var(--my-table-color);
  border-color: var(--my-table-border-color)
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:551.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:763.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1013.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing.collapse-horizontal {
    transition: none
  }
}

.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-menu {
  --my-dropdown-zindex: 1000;
  --my-dropdown-min-width: 10rem;
  --my-dropdown-padding-x: 0;
  --my-dropdown-padding-y: 0.5rem;
  --my-dropdown-spacer: 0.125rem;
  --my-dropdown-font-size: 1.6rem;
  --my-dropdown-color: var(--my-body-color);
  --my-dropdown-bg: var(--my-body-bg);
  --my-dropdown-border-color: var(--my-border-color-translucent);
  --my-dropdown-border-radius: 3px;
  --my-dropdown-border-width: var(--my-border-width);
  --my-dropdown-inner-border-radius: calc(3px - var(--my-border-width));
  --my-dropdown-divider-bg: var(--my-border-color-translucent);
  --my-dropdown-divider-margin-y: 0.5rem;
  --my-dropdown-box-shadow: var(--my-box-shadow);
  --my-dropdown-link-color: var(--my-body-color);
  --my-dropdown-link-hover-color: var(--my-body-color);
  --my-dropdown-link-hover-bg: var(--my-tertiary-bg);
  --my-dropdown-link-active-color: #fff;
  --my-dropdown-link-active-bg: #b31b34;
  --my-dropdown-link-disabled-color: var(--my-tertiary-color);
  --my-dropdown-item-padding-x: 1rem;
  --my-dropdown-item-padding-y: 0.25rem;
  --my-dropdown-header-color: #6c757d;
  --my-dropdown-header-padding-x: 1rem;
  --my-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--my-dropdown-zindex);
  display: none;
  min-width: var(--my-dropdown-min-width);
  padding: var(--my-dropdown-padding-y) var(--my-dropdown-padding-x);
  margin: 0;
  font-size: var(--my-dropdown-font-size);
  color: var(--my-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--my-dropdown-bg);
  background-clip: padding-box;
  border: var(--my-dropdown-border-width) solid var(--my-dropdown-border-color)
}

.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--my-dropdown-spacer)
}

.dropdown-menu-start {
  --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0
}

.dropdown-menu-end {
  --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto
}

@media (min-width:552px) {
  .dropdown-menu-sm-start {
    --bs-position: start
  }

  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-end {
    --bs-position: end
  }

  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:764px) {
  .dropdown-menu-md-start {
    --bs-position: start
  }

  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-end {
    --bs-position: end
  }

  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1014px) {
  .dropdown-menu-lg-start {
    --bs-position: start
  }

  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-end {
    --bs-position: end
  }

  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start
  }

  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-end {
    --bs-position: end
  }

  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start
  }

  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-end {
    --bs-position: end
  }

  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--my-dropdown-spacer)
}

.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--my-dropdown-spacer)
}

.dropend .dropdown-toggle::after {
  vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--my-dropdown-spacer)
}

.dropstart .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-divider {
  height: 0;
  margin: var(--my-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--my-dropdown-divider-bg);
  opacity: 1
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--my-dropdown-item-padding-y) var(--my-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--my-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--my-dropdown-link-hover-color);
  text-decoration: none;
  background-color: var(--my-dropdown-link-hover-bg)
}

.dropdown-item.active,
.dropdown-item:active {
  color: var(--my-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--my-dropdown-link-active-bg)
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--my-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: var(--my-dropdown-header-padding-y) var(--my-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 1.3rem;
  color: var(--my-dropdown-header-color);
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: var(--my-dropdown-item-padding-y) var(--my-dropdown-item-padding-x);
  color: var(--my-dropdown-link-color)
}

.dropdown-menu-dark {
  --my-dropdown-color: #dee2e6;
  --my-dropdown-bg: #343a40;
  --my-dropdown-border-color: var(--my-border-color-translucent);
  --my-dropdown-box-shadow: ;
  --my-dropdown-link-color: #dee2e6;
  --my-dropdown-link-hover-color: #fff;
  --my-dropdown-divider-bg: var(--my-border-color-translucent);
  --my-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --my-dropdown-link-active-color: #fff;
  --my-dropdown-link-active-bg: #b31b34;
  --my-dropdown-link-disabled-color: #adb5bd;
  --my-dropdown-header-color: #adb5bd
}

.badge {
  --my-badge-padding-x: 0.65em;
  --my-badge-padding-y: 0.35em;
  --my-badge-font-size: 0.75em;
  --my-badge-font-weight: 600;
  --my-badge-color: #fff;
  --my-badge-border-radius: var(--my-border-radius);
  display: inline-block;
  padding: var(--my-badge-padding-y) var(--my-badge-padding-x);
  font-size: var(--my-badge-font-size);
  font-weight: var(--my-badge-font-weight);
  line-height: 1;
  color: var(--my-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.modal {
  --my-modal-zindex: 151050;
  --my-modal-width: 500px;
  --my-modal-padding: 1rem;
  --my-modal-margin: 0.5rem;
  --my-modal-color: ;
  --my-modal-bg: var(--my-body-bg);
  --my-modal-border-color: var(--my-border-color-translucent);
  --my-modal-border-width: var(--my-border-width);
  --my-modal-border-radius: var(--my-border-radius-lg);
  --my-modal-box-shadow: var(--my-box-shadow-sm);
  --my-modal-inner-border-radius: calc(var(--my-border-radius-lg) - (var(--my-border-width)));
  --my-modal-header-padding-x: 1rem;
  --my-modal-header-padding-y: 1rem;
  --my-modal-header-padding: 1rem 1rem;
  --my-modal-header-border-color: var(--my-border-color);
  --my-modal-header-border-width: var(--my-border-width);
  --my-modal-title-line-height: 1.4;
  --my-modal-footer-gap: 0.5rem;
  --my-modal-footer-bg: ;
  --my-modal-footer-border-color: var(--my-border-color);
  --my-modal-footer-border-width: var(--my-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--my-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--my-modal-margin);
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - var(--my-modal-margin) * 2)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--my-modal-margin) * 2)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--my-modal-color);
  pointer-events: auto;
  background-color: var(--my-modal-bg);
  background-clip: padding-box;
  border: var(--my-modal-border-width) solid var(--my-modal-border-color);
  outline: 0
}

.modal-backdrop {
  --my-backdrop-zindex: 151000;
  --my-backdrop-bg: #000;
  --my-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--my-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--my-backdrop-bg)
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: var(--my-backdrop-opacity)
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: var(--my-modal-header-padding);
  border-bottom: var(--my-modal-header-border-width) solid var(--my-modal-header-border-color)
}

.modal-header .btn-close {
  padding: calc(var(--my-modal-header-padding-y) * .5) calc(var(--my-modal-header-padding-x) * .5);
  margin: calc(-.5 * var(--my-modal-header-padding-y)) calc(-.5 * var(--my-modal-header-padding-x)) calc(-.5 * var(--my-modal-header-padding-y)) auto
}

.modal-title {
  margin-bottom: 0;
  line-height: var(--my-modal-title-line-height)
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--my-modal-padding)
}

.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--my-modal-padding) - var(--my-modal-footer-gap) * .5);
  background-color: var(--my-modal-footer-bg);
  border-top: var(--my-modal-footer-border-width) solid var(--my-modal-footer-border-color)
}

.modal-footer>* {
  margin: calc(var(--my-modal-footer-gap) * .5)
}

@media (min-width:552px) {
  .modal {
    --my-modal-margin: 1.75rem;
    --my-modal-box-shadow: var(--my-box-shadow)
  }

  .modal-dialog {
    max-width: var(--my-modal-width);
    margin-right: auto;
    margin-left: auto
  }

  .modal-sm {
    --my-modal-width: 300px
  }
}

@media (min-width:1014px) {

  .modal-lg,
  .modal-xl {
    --my-modal-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    --my-modal-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

@media (max-width:551.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:763.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1013.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }
}

.tooltip {
  --my-tooltip-zindex: 150000;
  --my-tooltip-max-width: 200px;
  --my-tooltip-padding-x: 1.5rem;
  --my-tooltip-padding-y: 0.75rem;
  --my-tooltip-margin: ;
  --my-tooltip-font-size: 1.3rem;
  --my-tooltip-color: #fff;
  --my-tooltip-bg: #333;
  --my-tooltip-border-radius: var(--my-border-radius);
  --my-tooltip-opacity: 0.9;
  --my-tooltip-arrow-width: 0.8rem;
  --my-tooltip-arrow-height: 0.4rem;
  z-index: var(--my-tooltip-zindex);
  display: block;
  margin: var(--my-tooltip-margin);
  font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--my-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: var(--my-tooltip-opacity)
}

.tooltip .tooltip-arrow {
  display: block;
  width: var(--my-tooltip-arrow-width);
  height: var(--my-tooltip-arrow-height)
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: calc(-1 * var(--my-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: -1px;
  border-width: var(--my-tooltip-arrow-height) calc(var(--my-tooltip-arrow-width) * .5) 0;
  border-top-color: var(--my-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  left: calc(-1 * var(--my-tooltip-arrow-height));
  width: var(--my-tooltip-arrow-height);
  height: var(--my-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--my-tooltip-arrow-width) * .5) var(--my-tooltip-arrow-height) calc(var(--my-tooltip-arrow-width) * .5) 0;
  border-right-color: var(--my-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: calc(-1 * var(--my-tooltip-arrow-height))
}

.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--my-tooltip-arrow-width) * .5) var(--my-tooltip-arrow-height);
  border-bottom-color: var(--my-tooltip-bg)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  right: calc(-1 * var(--my-tooltip-arrow-height));
  width: var(--my-tooltip-arrow-height);
  height: var(--my-tooltip-arrow-width)
}

.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--my-tooltip-arrow-width) * .5) 0 calc(var(--my-tooltip-arrow-width) * .5) var(--my-tooltip-arrow-height);
  border-left-color: var(--my-tooltip-bg)
}

.tooltip-inner {
  max-width: var(--my-tooltip-max-width);
  padding: var(--my-tooltip-padding-y) var(--my-tooltip-padding-x);
  color: var(--my-tooltip-color);
  text-align: center;
  background-color: var(--my-tooltip-bg)
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.text-bg-grey-darker {
  color: #fff !important;
  background-color: RGBA(var(--my-grey-darker-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-grey-dark {
  color: #000 !important;
  background-color: RGBA(var(--my-grey-dark-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-grey {
  color: #000 !important;
  background-color: RGBA(var(--my-grey-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-grey-light {
  color: #000 !important;
  background-color: RGBA(var(--my-grey-light-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-grey-lighter {
  color: #000 !important;
  background-color: RGBA(var(--my-grey-lighter-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-violet {
  color: #fff !important;
  background-color: RGBA(var(--my-violet-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-green {
  color: #000 !important;
  background-color: RGBA(var(--my-green-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-yellow {
  color: #000 !important;
  background-color: RGBA(var(--my-yellow-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-cyan {
  color: #000 !important;
  background-color: RGBA(var(--my-cyan-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-blue-dark {
  color: #fff !important;
  background-color: RGBA(var(--my-blue-dark-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-blue {
  color: #fff !important;
  background-color: RGBA(var(--my-blue-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-blue-light {
  color: #000 !important;
  background-color: RGBA(var(--my-blue-light-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-orange-dark {
  color: #000 !important;
  background-color: RGBA(var(--my-orange-dark-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-orange {
  color: #000 !important;
  background-color: RGBA(var(--my-orange-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-red-dark {
  color: #fff !important;
  background-color: RGBA(var(--my-red-dark-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-red {
  color: #fff !important;
  background-color: RGBA(var(--my-red-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-white {
  color: #000 !important;
  background-color: RGBA(var(--my-white-rgb), var(--my-bg-opacity, 1)) !important
}

.text-bg-default {
  color: #fff !important;
  background-color: RGBA(var(--my-default-rgb), var(--my-bg-opacity, 1)) !important
}

.link-grey-darker {
  color: RGBA(var(--my-grey-darker-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-grey-darker-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-grey-darker:focus,
.link-grey-darker:hover {
  color: RGBA(72, 77, 84, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(72, 77, 84, var(--my-link-underline-opacity, 1)) !important
}

.link-grey-dark {
  color: RGBA(var(--my-grey-dark-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-grey-dark-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-grey-dark:focus,
.link-grey-dark:hover {
  color: RGBA(153, 158, 167, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(153, 158, 167, var(--my-link-underline-opacity, 1)) !important
}

.link-grey {
  color: RGBA(var(--my-grey-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-grey-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-grey:focus,
.link-grey:hover {
  color: RGBA(185, 189, 195, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(185, 189, 195, var(--my-link-underline-opacity, 1)) !important
}

.link-grey-light {
  color: RGBA(var(--my-grey-light-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-grey-light-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-grey-light:focus,
.link-grey-light:hover {
  color: RGBA(228, 228, 228, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(228, 228, 228, var(--my-link-underline-opacity, 1)) !important
}

.link-grey-lighter {
  color: RGBA(var(--my-grey-lighter-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-grey-lighter-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-grey-lighter:focus,
.link-grey-lighter:hover {
  color: RGBA(249, 249, 249, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 249, 249, var(--my-link-underline-opacity, 1)) !important
}

.link-violet {
  color: RGBA(var(--my-violet-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-violet-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-violet:focus,
.link-violet:hover {
  color: RGBA(80, 38, 73, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(80, 38, 73, var(--my-link-underline-opacity, 1)) !important
}

.link-green {
  color: RGBA(var(--my-green-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-green-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-green:focus,
.link-green:hover {
  color: RGBA(51, 191, 92, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(51, 191, 92, var(--my-link-underline-opacity, 1)) !important
}

.link-yellow {
  color: RGBA(var(--my-yellow-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-yellow-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-yellow:focus,
.link-yellow:hover {
  color: RGBA(255, 225, 51, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 225, 51, var(--my-link-underline-opacity, 1)) !important
}

.link-cyan {
  color: RGBA(var(--my-cyan-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-cyan-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-cyan:focus,
.link-cyan:hover {
  color: RGBA(73, 194, 174, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(73, 194, 174, var(--my-link-underline-opacity, 1)) !important
}

.link-blue-dark {
  color: RGBA(var(--my-blue-dark-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-blue-dark-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-blue-dark:focus,
.link-blue-dark:hover {
  color: RGBA(10, 35, 69, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 35, 69, var(--my-link-underline-opacity, 1)) !important
}

.link-blue {
  color: RGBA(var(--my-blue-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-blue-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-blue:focus,
.link-blue:hover {
  color: RGBA(16, 54, 104, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(16, 54, 104, var(--my-link-underline-opacity, 1)) !important
}

.link-blue-light {
  color: RGBA(var(--my-blue-light-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-blue-light-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-blue-light:focus,
.link-blue-light:hover {
  color: RGBA(77, 172, 226, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(77, 172, 226, var(--my-link-underline-opacity, 1)) !important
}

.link-orange-dark {
  color: RGBA(var(--my-orange-dark-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-orange-dark-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-orange-dark:focus,
.link-orange-dark:hover {
  color: RGBA(225, 129, 87, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(225, 129, 87, var(--my-link-underline-opacity, 1)) !important
}

.link-orange {
  color: RGBA(var(--my-orange-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-orange-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-orange:focus,
.link-orange:hover {
  color: RGBA(255, 185, 81, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 185, 81, var(--my-link-underline-opacity, 1)) !important
}

.link-red-dark {
  color: RGBA(var(--my-red-dark-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-red-dark-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-red-dark:focus,
.link-red-dark:hover {
  color: RGBA(111, 17, 32, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(111, 17, 32, var(--my-link-underline-opacity, 1)) !important
}

.link-red {
  color: RGBA(var(--my-red-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-red-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-red:focus,
.link-red:hover {
  color: RGBA(143, 22, 42, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(143, 22, 42, var(--my-link-underline-opacity, 1)) !important
}

.link-white {
  color: RGBA(var(--my-white-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-white-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-white:focus,
.link-white:hover {
  color: RGBA(255, 255, 255, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 255, 255, var(--my-link-underline-opacity, 1)) !important
}

.link-default {
  color: RGBA(var(--my-default-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-default-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-default:focus,
.link-default:hover {
  color: RGBA(143, 22, 42, var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(143, 22, 42, var(--my-link-underline-opacity, 1)) !important
}

.link-body-emphasis {
  color: RGBA(var(--my-emphasis-color-rgb), var(--my-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--my-emphasis-color-rgb), var(--my-link-underline-opacity, 1)) !important
}

.link-body-emphasis:focus,
.link-body-emphasis:hover {
  color: RGBA(var(--my-emphasis-color-rgb), var(--my-link-opacity, .75)) !important;
  text-decoration-color: RGBA(var(--my-emphasis-color-rgb), var(--my-link-underline-opacity, 0.75)) !important
}

.focus-ring:focus {
  outline: 0;
  box-shadow: var(--my-focus-ring-x, 0) var(--my-focus-ring-y, 0) var(--my-focus-ring-blur, 0) var(--my-focus-ring-width) var(--my-focus-ring-color)
}

.icon-link {
  display: inline-flex;
  gap: .375rem;
  align-items: center;
  text-decoration-color: rgba(var(--my-link-color-rgb), var(--my-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden
}

.icon-link>.bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: .2s ease-in-out transform
}

@media (prefers-reduced-motion:reduce) {
  .icon-link>.bi {
    transition: none
  }
}

.icon-link-hover:focus-visible>.bi,
.icon-link-hover:hover>.bi {
  transform: var(--my-icon-link-transform, translate3d(.25em, 0, 0))
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--my-aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --my-aspect-ratio: 100%
}

.ratio-4x3 {
  --my-aspect-ratio: 75%
}

.ratio-16x9 {
  --my-aspect-ratio: 56.25%
}

.ratio-21x9 {
  --my-aspect-ratio: 42.8571428571%
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020
}

.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020
}

@media (min-width:552px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:764px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1014px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020
  }

  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020
  }
}

.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch
}

.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch
}

.sr-only,
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.sr-only:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--my-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: .25
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-6 {
  order: 6 !important
}

.order-last {
  order: 6 !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.float-right {
  float: right !important
}

.float-left {
  float: left !important
}

@media (min-width:552px) {
  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-6 {
    order: 6 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-left {
    float: left !important
  }
}

@media (min-width:764px) {
  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-6 {
    order: 6 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-left {
    float: left !important
  }
}

@media (min-width:1014px) {
  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-6 {
    order: 6 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-left {
    float: left !important
  }
}

@media (min-width:1200px) {
  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-6 {
    order: 6 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-left {
    float: left !important
  }
}

@media (min-width:1400px) {
  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-6 {
    order: 6 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .float-xxl-right {
    float: right !important
  }

  .float-xxl-left {
    float: left !important
  }
}

.visible-xs {
  display: none !important
}

.visible-sm {
  display: none !important
}

.visible-md {
  display: none !important
}

.visible-lg {
  display: none !important
}

.visible-xl {
  display: none !important
}

.visible-xxl {
  display: none !important
}

@media (max-width:551.98px) {
  .visible-xs {
    display: block !important
  }

  .hidden-xs {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xs {
    display: none !important
  }

  html.opencms-page-editor .hide-xs {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (max-width:763.98px) {
  .hidden-xs-sm {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xs-sm {
    display: none !important
  }

  html.opencms-page-editor .hide-xs-sm {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (max-width:1013.98px) {
  .hidden-xs-sm-md {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xs-sm-md {
    display: none !important
  }

  html.opencms-page-editor .hide-xs-sm-md {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (max-width:1199.98px) {
  .hidden-xs-sm-md-lg {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xs-sm-md-lg {
    display: none !important
  }

  html.opencms-page-editor .hide-xs-sm-md-lg {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (max-width:1399.98px) {
  .hidden-xs-sm-md-lg-xl {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xs-sm-md-lg-xl {
    display: none !important
  }

  html.opencms-page-editor .hide-xs-sm-md-lg-xl {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:552px) and (max-width:763.98px) {
  .visible-sm {
    display: block !important
  }

  .hidden-sm {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-sm {
    display: none !important
  }

  html.opencms-page-editor .hide-sm {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:764px) and (max-width:1013.98px) {
  .visible-md {
    display: block !important
  }

  .hidden-md {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-md {
    display: none !important
  }

  html.opencms-page-editor .hide-md {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:1014px) and (max-width:1199.98px) {
  .visible-lg {
    display: block !important
  }

  .hidden-lg {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-lg {
    display: none !important
  }

  html.opencms-page-editor .hide-lg {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:552px) {
  .hidden-sm-md-lg-xl {
    display: none !important
  }

  .hidden-sm-up {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-sm-md-lg-xl {
    display: none !important
  }

  html.opencms-page-editor .hide-sm-md-lg-xl {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }

  html:not(.opencms-page-editor) .hide-sm-up {
    display: none !important
  }

  html.opencms-page-editor .hide-sm-up {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:764px) {

  ol,
  ul {
    padding-left: 40px
  }

  .hidden-md-lg-xl {
    display: none !important
  }

  .hidden-md-up {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-md-lg-xl {
    display: none !important
  }

  html.opencms-page-editor .hide-md-lg-xl {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }

  html:not(.opencms-page-editor) .hide-md-up {
    display: none !important
  }

  html.opencms-page-editor .hide-md-up {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:1014px) {
  .hidden-lg-xl {
    display: none !important
  }

  .hidden-lg-up {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-lg-xl {
    display: none !important
  }

  html.opencms-page-editor .hide-lg-xl {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }

  html:not(.opencms-page-editor) .hide-lg-up {
    display: none !important
  }

  html.opencms-page-editor .hide-lg-up {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:1200px) {
  .hidden-xl-up {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xl-up {
    display: none !important
  }

  html.opencms-page-editor .hide-xl-up {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:1200px) {
  .visible-xl {
    display: block !important
  }

  .hidden-xl {
    display: none !important
  }

  .hidden-xl-up {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xl {
    display: none !important
  }

  html.opencms-page-editor .hide-xl {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }

  html:not(.opencms-page-editor) .hide-xl-up {
    display: none !important
  }

  html.opencms-page-editor .hide-xl-up {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

@media (min-width:1400px) {
  .visible-xxl {
    display: block !important
  }

  .hidden-xxl {
    display: none !important
  }

  html:not(.opencms-page-editor) .hide-xxl {
    display: none !important
  }

  html.opencms-page-editor .hide-xxl {
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

.tooltip .tooltip-inner {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
  text-align: left
}

.small,
small {
  font-size: .875em;
  font-weight: 300
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto
}

.row>.pull-left {
  float: none;
  order: -1
}

.row>.pull-right {
  float: none;
  order: 13
}

.no-gutters {
  --my-gutter-x: 0;
  --my-gutter-y: 0
}

.flex-fill {
  flex: 1 1 auto !important
}

@media (min-width:764px) {

  html.desktop .effect-inset:not(.effect-piece)>.visual .effect-box,
  html.desktop .effect-raise:not(.effect-piece)>.visual .effect-box,
  html.desktop .effect-shadow:not(.effect-piece)>.visual .effect-box {
    box-shadow: none;
    transition-property: transform, box-shadow, transform-origin;
    transition-duration: .33s;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-delay: 0s;
    z-index: 4
  }

  html.desktop .effect-inset:not(.effect-piece):hover>.visual .effect-box,
  html.desktop .effect-raise:not(.effect-piece):hover>.visual .effect-box,
  html.desktop .effect-shadow:not(.effect-piece):hover>.visual .effect-box {
    border-radius: var(--my-image-border-radius)
  }

  html.desktop .effect-inset.effect-piece,
  html.desktop .effect-raise.effect-piece,
  html.desktop .effect-shadow.effect-piece {
    box-shadow: none;
    transition-property: transform, box-shadow, transform-origin;
    transition-duration: .33s;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-delay: 0s;
    z-index: 4
  }

  html.desktop .effect-inset.effect-piece>.body,
  html.desktop .effect-inset.effect-piece>.heading,
  html.desktop .effect-inset.effect-piece>.link,
  html.desktop .effect-inset.effect-piece>.visual .effect-box,
  html.desktop .effect-inset.effect-piece>.visual .subtitle,
  html.desktop .effect-raise.effect-piece>.body,
  html.desktop .effect-raise.effect-piece>.heading,
  html.desktop .effect-raise.effect-piece>.link,
  html.desktop .effect-raise.effect-piece>.visual .effect-box,
  html.desktop .effect-raise.effect-piece>.visual .subtitle,
  html.desktop .effect-shadow.effect-piece>.body,
  html.desktop .effect-shadow.effect-piece>.heading,
  html.desktop .effect-shadow.effect-piece>.link,
  html.desktop .effect-shadow.effect-piece>.visual .effect-box,
  html.desktop .effect-shadow.effect-piece>.visual .subtitle {
    box-shadow: none;
    transition-property: transform, box-shadow, transform-origin;
    transition-duration: .33s;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-delay: 0s;
    z-index: 4
  }

  html.desktop .effect-inset.effect-piece:hover,
  html.desktop .effect-raise.effect-piece:hover,
  html.desktop .effect-shadow.effect-piece:hover {
    z-index: 6;
    border-radius: var(--my-image-border-radius)
  }

  html.desktop .effect-inset.effect-piece:hover>.body,
  html.desktop .effect-inset.effect-piece:hover>.visual .subtitle,
  html.desktop .effect-raise.effect-piece:hover>.body,
  html.desktop .effect-raise.effect-piece:hover>.visual .subtitle,
  html.desktop .effect-shadow.effect-piece:hover>.body,
  html.desktop .effect-shadow.effect-piece:hover>.visual .subtitle {
    transform: scale(.93)
  }

  html.desktop .effect-inset.effect-piece:hover>.visual+.body,
  html.desktop .effect-raise.effect-piece:hover>.visual+.body,
  html.desktop .effect-shadow.effect-piece:hover>.visual+.body {
    transform-origin: center top
  }

  html.desktop .effect-inset.effect-piece:hover>.heading,
  html.desktop .effect-raise.effect-piece:hover>.heading,
  html.desktop .effect-shadow.effect-piece:hover>.heading {
    transform: scale(.93) translate3d(0, 10px, 0)
  }

  html.desktop .effect-inset.effect-piece:hover>.link,
  html.desktop .effect-raise.effect-piece:hover>.link,
  html.desktop .effect-shadow.effect-piece:hover>.link {
    transform: scale(.93) translate3d(0, -10px, 0)
  }

  html.desktop .effect-inset.effect-piece:hover>.visual+.body,
  html.desktop .effect-raise.effect-piece:hover>.visual+.body {
    transform-origin: center
  }

  html.desktop .effect-raise:not(.effect-piece):hover>.visual .effect-box {
    transform: scale(1.075);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
  }

  html.desktop .effect-raise.effect-piece:hover {
    transform: scale(1.075);
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
  }

  html.desktop .effect-shadow:not(.effect-piece):hover>.visual .effect-box {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
  }

  html.desktop .effect-shadow.effect-piece:hover {
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
  }

  html.desktop .effect-inset:not(.effect-piece):hover>.visual .effect-box {
    transform: scale(.93);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3) inset
  }

  html.desktop .effect-inset.effect-piece:hover {
    transform: scale(.93);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .3) inset
  }

  html.desktop .effect-remove-margin .effect-box {
    box-shadow: none;
    transition-property: transform, box-shadow, transform-origin;
    transition-duration: .33s;
    transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
    transition-delay: 0s;
    z-index: 4;
    transition-property: margin
  }

  html.desktop .effect-remove-margin:hover .effect-box {
    margin: 0 !important
  }
}

html.desktop .effect-rotate:hover .image-src-box>.animated {
  transform: scale(1.25) rotate(2deg)
}

html.desktop .effect-rotate .image-src-box>.animated {
  transition: transform 1s cubic-bezier(.25, .46, .45, .94), opacity 750ms
}

html.desktop .effect-rotate .image-src-box {
  border-radius: var(--my-image-border-radius);
  overflow: hidden;
  z-index: 5
}

.effect-bordered .image-src-box {
  border: 1px solid #ddd
}

.clickme-showme {
  cursor: pointer
}

.clickme-showme>.clickme {
  display: none
}

.clickme-showme>.showme {
  display: block
}

@keyframes fadeTopMenu {
  from {
    opacity: 0;
    transform: scaleY(0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fadeRightMenu {
  from {
    opacity: 0;
    transform: scaleX(0)
  }

  to {
    opacity: 1;
    transform: none
  }
}

@keyframes fadeInMenu {
  from {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes spinner {
  0% {
    transform: rotate(0)
  }

  50% {
    transform: rotate(180deg)
  }

  100% {
    transform: rotate(360deg)
  }
}

.list-spinner,
.spinner {
  top: 45%;
  width: 30px;
  height: auto;
  font-size: 30px;
  position: absolute;
  transform: translateY(-50%);
  z-index: 1000;
  left: 50%
}

.list-spinner,
.spinner,
a .list-spinner,
a .spinner {
  color: #fff
}

.list-spinner .spinner-icon,
.spinner .spinner-icon {
  animation: spinner 1s infinite;
  animation-timing-function: steps(4, end)
}

.spinnerInnerBox {
  position: relative;
  left: -150%;
  background-color: #000;
  width: 300%;
  padding: 100%;
  border-radius: 12px;
  line-height: 0;
  opacity: .65
}

.spinnerBottom {
  top: initial;
  position: fixed;
  bottom: 80px
}

html {
  height: 100vh;
  min-height: 100%
}

html.opencms-page-editor {
  padding-top: 52px;
  scroll-behavior: auto
}

html .btn:focus,
html .dropdown-menu>a:focus,
html .dropdown>a:focus,
html :focus {
  outline: 0;
  box-shadow: none
}

html .dropdown-menu {
  box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
  z-index: 150001
}

html.keyboard-nav .dropdown-menu>a:focus,
html.keyboard-nav .dropdown>a:focus,
html.keyboard-nav :not(.mce-edit-focus):focus {
  outline-color: rgba(77, 144, 255, .5);
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 2px;
  z-index: 650000
}

html.keyboard-nav .focus-within:focus-within,
html.keyboard-nav .media-box:focus-within {
  outline-color: rgba(77, 144, 255, .5);
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 2px;
  z-index: 650000
}

@media (max-width:1013.98px) {
  html {
    font-size: 10px
  }
}

@media (min-width:1014px) {
  html {
    font-size: 10px
  }
}

#mercury-page {
  min-height: calc(100vh - 234px);
  max-width: 100vw;
  overflow: hidden
}

.default-font,
.download-list.dl-list-compact .dl-content .dl-title,
.type-contact.compact .fn.n,
.type-contact.compact .org,
.type-contact.compact .pos {
  font-family: var(--my-body-font-family);
  font-size: var(--my-body-font-size);
  font-weight: var(--my-body-font-weight);
  line-height: var(--my-body-line-height)
}

@media (max-width:1013.98px) {
  .lead {
    font-size: 2rem
  }
}

@media (min-width:1014px) {
  .lead {
    font-size: 2.2rem
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--my-font-weight-headings);
  font-family: var(--my-font-family-headings);
  font-style: var(--my-font-style-headings);
  color: var(--my-headings-color);
  margin-bottom: var(--my-headings-margin-bottom)
}

.accordion .sub-header,
.detail-page .sub-header,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.onclick-activation .oa-heading,
.styled-form header {
  font-weight: var(--my-font-weight-headings);
  font-family: var(--my-font-family-headings);
  font-style: var(--my-font-style-headings);
  margin-top: 0;
  margin-bottom: var(--my-headings-margin-bottom);
  color: var(--my-headings-color);
  line-height: 1.25
}

@media (max-width:1013.98px) {

  .h1,
  h1 {
    font-size: 2.6rem
  }

  .h2,
  h2 {
    font-size: 2.2rem
  }

  .accordion .sub-header,
  .h3,
  .onclick-activation .oa-heading,
  h3 {
    font-size: 2rem
  }

  .detail-page .sub-header,
  .h4,
  .styled-form header,
  h4 {
    font-size: 1.8rem
  }

  @container (max-width:300px) {
    .adjust-headings {
      container-type: inline-size
    }

    .adjust-headings .h1,
    .adjust-headings h1 {
      font-size: calc(24px + 13.2 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }

    .adjust-headings .h2,
    .adjust-headings h2 {
      font-size: calc(24px + 7.2 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }

    .accordion .adjust-headings .sub-header,
    .adjust-headings .accordion .sub-header,
    .adjust-headings .h3,
    .adjust-headings .onclick-activation .oa-heading,
    .adjust-headings h3,
    .onclick-activation .adjust-headings .oa-heading {
      font-size: calc(24px + 2.4 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }

    .adjust-headings .detail-page .sub-header,
    .adjust-headings .h4,
    .adjust-headings .styled-form header,
    .adjust-headings h4,
    .detail-page .adjust-headings .sub-header,
    .styled-form .adjust-headings header {
      font-size: calc(24px + 0 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }
  }
}

@media (min-width:1014px) {

  .h1,
  h1 {
    font-size: 3.1rem
  }

  .h2,
  h2 {
    font-size: 2.6rem
  }

  .accordion .sub-header,
  .h3,
  .onclick-activation .oa-heading,
  h3 {
    font-size: 2.2rem
  }

  .detail-page .sub-header,
  .h4,
  .styled-form header,
  h4 {
    font-size: 2rem
  }

  @container (max-width:300px) {
    .adjust-headings {
      container-type: inline-size
    }

    .adjust-headings .h1,
    .adjust-headings h1 {
      font-size: calc(20px + 11 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }

    .adjust-headings .h2,
    .adjust-headings h2 {
      font-size: calc(20px + 6 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }

    .accordion .adjust-headings .sub-header,
    .adjust-headings .accordion .sub-header,
    .adjust-headings .h3,
    .adjust-headings .onclick-activation .oa-heading,
    .adjust-headings h3,
    .onclick-activation .adjust-headings .oa-heading {
      font-size: calc(20px + 2 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }

    .adjust-headings .detail-page .sub-header,
    .adjust-headings .h4,
    .adjust-headings .styled-form header,
    .adjust-headings h4,
    .detail-page .adjust-headings .sub-header,
    .styled-form .adjust-headings header {
      font-size: calc(20px + 0 * clamp(0px, (100cqw - 100px) / 200, 1px))
    }
  }
}

.h5,
h5 {
  font-size: 2rem
}

.h6,
h6 {
  font-size: 2rem
}

@media (min-width:764px) {

  a:focus,
  a:hover {
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
  }
}

a:hover {
  outline: 0
}

a.uncolored {
  color: inherit
}

a.uncolored:focus,
a.uncolored:hover {
  color: var(--my-link-hover-color)
}

a.uncolored.fully:focus,
a.uncolored.fully:hover {
  color: inherit
}

a.external:after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " \f08e";
  margin-left: 2px
}

.no-external a.external::after,
.section-visual a.external::after,
.type-iconbox a.external::after {
  content: "";
  display: none
}

.badge {
  border-radius: 4px !important
}

span.badge {
  color: #fff;
  background-color: #a8adb4;
  font-weight: 300;
  padding: 4px 7px
}

span.badge-grey-darker {
  color: #fff;
  background: #5a6069
}

span.badge-grey-dark {
  color: #fff;
  background: #7f8691
}

span.badge-grey {
  color: #fff;
  background: #a8adb4
}

span.badge-grey-light {
  color: #555;
  background: #ddd
}

span.badge-grey-lighter {
  color: #555;
  background: #f7f7f7
}

span.badge-violet {
  color: #fff;
  background: #642f5b
}

span.badge-green {
  color: #fff;
  background: #00af33
}

span.badge-yellow {
  color: #fff;
  background: #ffd900
}

span.badge-cyan {
  color: #fff;
  background: #1bb39a
}

span.badge-blue-dark {
  color: #fff;
  background: #0d2c56
}

span.badge-blue {
  color: #fff;
  background: #144382
}

span.badge-blue-light {
  color: #fff;
  background: #2197db
}

span.badge-orange-dark {
  color: #fff;
  background: #d9622d
}

span.badge-orange {
  color: #fff;
  background: #ffa826
}

span.badge-red-dark {
  color: #fff;
  background: #8b1528
}

span.badge-red {
  color: #fff;
  background: #b31b34
}

span.badge-white {
  color: #555;
  background: #fff
}

span.badge-default {
  color: #fff;
  background: #b31b34
}

.visually-hidden-focusable-fixed:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.visually-hidden-focusable-fixed:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important
}

.visually-hidden-focusable-fixed:active,
.visually-hidden-focusable-fixed:focus {
  position: fixed;
  top: 0;
  left: 0
}

html.opencms-page-editor .visually-hidden-focusable-fixed:active,
html.opencms-page-editor .visually-hidden-focusable-fixed:focus {
  top: 52px
}

#keyboard-toggle::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 1rem;
  content: "\f096"
}

#keyboard-toggle[aria-checked=true]::after {
  content: "\f046"
}

.anchor-link-parent .anchor-link {
  display: none
}

.anchor-link-parent .anchor-link::after {
  content: " #"
}

.anchor-link-parent:hover .anchor-link {
  display: inline;
  text-decoration: none
}

html.opencms-editor-active .anchor-link-parent:hover .anchor-link {
  display: none
}

@media print {
  html {
    font-size: 8px
  }

  aside,
  footer,
  header {
    display: none !important
  }

  main {
    width: 100% !important
  }

  main>.container>.row>div {
    flex: 0 0 100%;
    max-width: initial
  }

  body {
    font-size: 12pt;
    line-height: 1.35;
    padding: 0;
    margin: 0
  }

  .area-wide.area-full-row .type-flexible.element {
    margin-bottom: 0;
  }

  .element,
  .teaser,
  img {
    page-break-inside: avoid
  }
}

.default-margin,
.element,
.element-margin,
.subelement {
  margin-bottom: var(--my-element-margin)
}

.element::after,
.subelement::after {
  display: block;
  clear: both;
  content: ""
}

.element.no-default-margin,
.subelement.no-default-margin {
  margin-bottom: 0
}

.element.default-margin-small,
.subelement.default-margin-small {
  margin-bottom: var(--my-default-margin-small)
}

.element.default-margin-verysmall,
.subelement.default-margin-verysmall {
  margin-bottom: var(--my-default-margin-verysmall)
}

.detail-page>.subelement:last-child,
.element>.subelement:last-child {
  margin-bottom: 0
}

.element:not(.piece)>.heading {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.placeholder {
  position: relative;
  background-color: var(--my-highlight-color)
}

.placeholder::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  display: block;
  bottom: 0;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  font-weight: 400;
  font-size: 40px;
  color: rgba(0, 0, 0, .5);
  transform: translate(-50%, -50%);
  text-align: center
}

.box .placeholder {
  border: 1px solid var(--my-highlight-border-color)
}

.opencms-page-editor .placeholder {
  cursor: pointer
}

.opencms-page-editor .placeholder::before {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 0;
  width: 100%;
  content: attr(data-placeholder) " ";
  display: block;
  padding: 10px;
  text-align: center;
  background-color: #ffa826;
  color: #fff
}

.opencms-page-editor .placeholder.error::before {
  background-color: #b31b34
}

.opencms-page-editor .placeholder.static::before {
  position: static
}

.btn {
  margin: 0;
  padding: .6rem 1.2rem;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  font-family: var(--my-btn-font-family);
  white-space: nowrap;
  font-weight: 400;
  border-radius: var(--my-btn-border-radius);
  color: var(--my-btn-fg);
  background-color: var(--my-btn-bg)
}

.btn.active,
.btn:focus,
.btn:hover,
.open .dropdown-toggle .btn {
  color: var(--my-btn-hover-fg);
  background-color: #2c8096
    /*var(--my-btn-hover-bg)*/
  ;
  text-decoration: none;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: .33s;
  transition-timing-function: ease
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  background-color: #ddd;
  color: #555;
  cursor: not-allowed
}

.btn-sm {
  padding: .2rem .8rem
}

.btn-xs {
  font-size: 1.2rem;
  padding: .2rem .8rem
}

.btn-default {
  color: var(--my-btn-fg);
  background-color: var(--my-btn-bg)
}

.btn-default.active,
.btn-default:focus,
.btn-default:hover,
.open .dropdown-toggle .btn-default {
  color: var(--my-btn-hover-fg);
  background-color: var(--my-btn-hover-bg);
  text-decoration: none;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: .33s;
  transition-timing-function: ease
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default {
  background-color: #ddd;
  color: #555;
  cursor: not-allowed
}

.btn-colored {
  color: var(--my-btn-fg);
  background-color: var(--my-btn-bg)
}

.btn-block {
  display: block;
  width: 100%;
  text-align: center
}

.btn-group {
  position: relative;
  display: inline-flex;
  flex-wrap: wrap;
  vertical-align: middle
}

.btn-group>.btn {
  position: relative;
  flex: 0 1 auto
}

.btn-toggle {
  display: block;
  width: 100%;
  text-align: left;
  position: relative
}

.btn-toggle::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  line-height: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  transform: rotate(0);
  transition: transform .33s;
  right: 1.2rem
}

.btn-toggle.open::after,
.btn-toggle[aria-expanded=true]::after {
  transform: rotate(-180deg)
}

.type-contact {
  --my-contact-spacer-x: calc(0.5 * var(--my-default-margin-small));
  --my-contact-spacer-y: calc(0.5 * var(--my-default-margin-small));
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.type-contact .adr,
.type-contact .fn,
.type-contact .mail,
.type-contact .note,
.type-contact .org,
.type-contact .pos,
.type-contact .title,
.type-contact .vcard {
  margin-top: var(--my-contact-spacer-y);
  margin-bottom: var(--my-contact-spacer-y)
}

.type-contact .mail {
  hyphenate-character: " ";
  -webkit-hyphenate-character: " "
}

.type-contact>*>.image-src-box {
  margin-bottom: calc(2 * var(--my-contact-spacer-y))
}

.type-contact .contactlink {
  margin-top: var(--my-contact-spacer-y)
}

.type-contact.compact .fn.n {
  font-weight: 600
}

.type-contact.compact .adr,
.type-contact.compact .contactlink:not(.btn),
.type-contact.compact .fn,
.type-contact.compact .mail,
.type-contact.compact .note,
.type-contact.compact .org,
.type-contact.compact .pos,
.type-contact.compact .title {
  margin-top: 0;
  margin-bottom: 0
}

.type-contact.compact .vcard {
  margin-bottom: 0
}

.type-contact .fn {
  margin-top: 0
}

.type-contact .title {
  font-style: italic
}

.type-contact .tablerow {
  display: table-row;
  -webkit-hyphens: none;
  hyphens: none;
  overflow-wrap: normal;
  word-break: normal
}

.type-contact .tablerow>span {
  padding-right: var(--my-contact-spacer-x);
  display: table-cell
}

.type-contact .tablerow>span.icon-label {
  white-space: nowrap
}

.type-contact .tablerow.mail a,
.type-contact .tablerow.website a {
  overflow-wrap: anywhere;
  word-break: break-word
}

.type-contact .only-icon {
  padding-left: var(--my-contact-spacer-x)
}

.type-contact .fa,
.type-contact .ico {
  margin-right: var(--my-contact-spacer-x);
  width: calc(4 * var(--my-contact-spacer-x))
}

.type-contact .img-responsive {
  width: 100%
}

.type-contact .note>* {
  margin-bottom: var(--my-paragraph-margin-bottom)
}

.type-contact .note>:last-child {
  margin-bottom: 0
}

.type-contact .suborg-list .teaser:last-of-type {
  margin-bottom: 0
}

.type-contact .piece.full>.visual {
  margin-left: 0;
  margin-right: 0
}

#modelinfo,
.container-box,
.oct-alert {
  padding: 10px;
  text-align: center !important;
  overflow: hidden !important;
  z-index: 5 !important;
  white-space: normal !important;
  min-height: 100px;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-weight: 300 !important;
  display: flex;
  flex-direction: column;
  justify-content: center
}

#modelinfo>*,
.container-box>*,
.oct-alert>* {
  font-size: 14px !important;
  font-family: inherit !important;
  font-weight: inherit !important;
  margin: 5px !important;
  line-height: 1.2em !important
}

#modelinfo>.head,
#modelinfo>h1,
#modelinfo>h2,
#modelinfo>h3,
#modelinfo>h4,
.container-box>.head,
.container-box>h1,
.container-box>h2,
.container-box>h3,
.container-box>h4,
.oct-alert>.head,
.oct-alert>h1,
.oct-alert>h2,
.oct-alert>h3,
.oct-alert>h4 {
  font-size: 22px !important
}

.container-box,
.oct-alert {
  border-radius: 8px !important
}

#modelinfo .head,
.container-box .head {
  color: #555 !important;
  background-color: transparent !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.container-box {
  margin-top: 10px !important;
  margin-bottom: 10px !important
}

.container-box .text {
  color: #7f8691 !important;
  background-color: transparent !important
}

.container-box .text.capital {
  text-transform: capitalize !important
}

.container-box .main,
.container-box .small {
  color: #7f8691 !important
}

.container-box.simple {
  border: 1px solid #144382
}

.container-box.complex {
  border: 1px solid #b31b34
}

@media (min-width:1200px) {
  .attachment-container>.detail-page.type-media.layout-50.col-md-6 {
    margin: 0 25vw;
  }
}

.container-box.attachment {
  border: 1px solid #ffa826
}

@keyframes octReveal {
  from {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
  }

  75% {
    max-height: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
  }

  100% {
    max-height: 1000px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px
  }
}

.oct-reveal {
  animation-name: octReveal;
  animation-duration: 3s;
  min-height: initial
}

.oct-alert:not(.tile-col) {
  margin-top: 10px;
  margin-bottom: 10px
}

.oct-alert .head,
.oct-alert .text {
  background-color: transparent !important
}

.oct-alert .head,
.oct-alert .small,
.oct-alert .text,
.oct-alert>div,
.oct-alert>h1,
.oct-alert>h2,
.oct-alert>h3,
.oct-alert>h4 {
  color: #fff !important
}

.oct-alert.oct-alert-editor .head {
  color: #555 !important
}

.oct-alert.oct-alert-editor .text {
  color: #555 !important
}

.container-box.box-area {
  background-color: rgba(255, 201, 210, .75) !important;
  background: linear-gradient(166deg, #ffc9d2 0, #ff96a8 100%) !important
}

.container-box.box-segment {
  background-color: rgba(255, 227, 231, .75) !important;
  background: linear-gradient(166deg, #ffe3e7 0, #ffb0bb 100%) !important
}

.container-box.box-grid {
  background-color: rgba(255, 218, 199, .75) !important;
  background: linear-gradient(166deg, #ffdac7 0, #ffb894 100%) !important
}

.container-box.box-row {
  background-color: rgba(255, 229, 191, .75) !important;
  background: linear-gradient(166deg, #ffe5bf 0, #ffd08c 100%) !important
}

.container-box.box-element {
  background-color: rgba(232, 243, 248, .75) !important;
  background: linear-gradient(166deg, #e8f3f8 0, #c1dfec 100%) !important
}

.container-box.box-special {
  background-color: rgba(239, 250, 180, .75) !important;
  background: linear-gradient(166deg, #effab4 0, #e5f784 100%) !important
}

.oct-alert.oct-alert-editor {
  background-color: #eed2ee !important;
  background: linear-gradient(166deg, #f5e5f5 0, #e7bfe7 100%) !important
}

.oct-alert.oct-alert-warning {
  background-color: #ffa826 !important;
  background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important
}

.oct-alert.oct-alert-error {
  background-color: #8b1528 !important;
  background: linear-gradient(166deg, #a1182e 0, #751222 100%) !important
}

.oct-alert.box-noheight {
  min-height: 0 !important
}

.oct-alert.new-element .head {
  display: inline-block;
  padding: 2px 12px !important;
  border-radius: 4px !important;
  background-color: #2197db !important
}

#modelinfo-border {
  border: 4px solid #eed2ee !important;
  padding: 0 !important
}

#modelinfo {
  background-color: rgba(238, 210, 238, .75) !important
}

#modelinfo .small,
#modelinfo .text {
  color: #7f8691 !important
}

.label-author,
.label-copygroup,
.label-detail,
.label-detailonly,
.label-developer,
.label-editor,
.label-reusegroup,
.label-special {
  display: inline;
  font-size: 12px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  padding: 4px 6px !important;
  margin-left: 5px !important;
  border-radius: 4px !important;
  white-space: nowrap !important;
  color: #fff !important;
  text-transform: uppercase !important
}

.label-developer {
  background-color: #b31b34 !important
}

.label-editor {
  background-color: #ffa826 !important
}

.label-author {
  background-color: #144382 !important
}

.label-detail {
  background-color: #1bb39a !important
}

.label-detailonly {
  background-color: #1bb39a !important
}

.label-special {
  background-color: #ff264a !important
}

.label-copygroup {
  background-color: #ff264a !important
}

.label-reusegroup {
  background-color: #2197db !important
}

.oct-meta-info {
  position: relative;
  transition: all .33s;
  --my-link-color: #fff;
  --my-link-hover-color: #fff;
  --my-link-color-rgb: 255, 255, 255;
  --my-link-hover-color-rgb: 255, 255, 255;
  border-radius: 4px !important;
  color: #fff !important;
  background-color: #ffa826 !important;
  background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important
}

.oct-meta-info a:hover {
  text-decoration: underline
}

.oct-meta-info.severe {
  background-color: #b31b34 !important;
  background: linear-gradient(166deg, #c91e3a 0, #9d182e 100%) !important
}

.btn.oct-meta-info {
  background: initial !important;
  background-color: #ffa826 !important
}

.btn.oct-meta-info:focus,
.btn.oct-meta-info:hover {
  background-color: #ffbf3f !important;
  transition: all .33s
}

.oct-anchor-set {
  position: relative;
  visibility: hidden
}

.oct-anchor-none {
  display: none
}

.oct-meta {
  min-height: 25px !important;
  display: inline-block;
  padding-right: 25px !important;
  position: relative;
  margin-bottom: 2px;
  align-self: flex-start
}

.oct-meta.element {
  margin-bottom: var(--my-element-margin)
}

.oct-meta>.marker {
  --my-link-color: #fff;
  --my-link-hover-color: #fff;
  --my-link-color-rgb: 255, 255, 255;
  --my-link-hover-color-rgb: 255, 255, 255;
  border-radius: 4px !important;
  color: #fff !important;
  background-color: #ffa826 !important;
  background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  padding: 4px 8px !important;
  display: inline-block
}

.oct-meta>.marker a:hover {
  text-decoration: underline
}

.oct-meta>.marker>.fa,
.oct-meta>.marker>.ico {
  margin-right: var(--my-ws-margin)
}

.online-warn {
  background-color: #f7f7f7;
  color: #555;
  overflow: hidden;
  padding: var(--my-box-padding);
  border-radius: var(--my-border-radius)
}

.online-warn .warn-head {
  margin-bottom: 0
}

.online-warn .warn-head+.warn-text {
  margin-top: var(--my-headings-margin-bottom)
}

.presized .placeholder .online-warn {
  position: absolute;
  top: 0;
  left: var(--my-box-padding)
}

.effect-box .online-warn,
.onclick-activation .online-warn,
.presized .placeholder .online-warn {
  background-color: transparent;
  color: inherit
}

.flatpickr-calendar {
  background: 0 0;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 0;
  animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  border-radius: 5px;
  position: absolute;
  width: 307.875px;
  box-sizing: border-box;
  touch-action: manipulation;
  background: #fff;
  box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, .08)
}

.flatpickr-calendar.inline,
.flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible
}

.flatpickr-calendar.open {
  display: inline-block;
  z-index: 99999
}

.flatpickr-calendar.animate.open {
  animation: fpFadeInDown .3s cubic-bezier(.23, 1, .32, 1)
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px)
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  box-shadow: none !important
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6
}

.flatpickr-calendar .hasTime .dayContainer,
.flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 40px;
  border-top: 1px solid #e6e6e6
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto
}

.flatpickr-calendar:after,
.flatpickr-calendar:before {
  position: absolute;
  display: block;
  pointer-events: none;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  left: 22px
}

.flatpickr-calendar.rightMost:after,
.flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px
}

.flatpickr-calendar.arrowTop:after,
.flatpickr-calendar.arrowTop:before {
  bottom: 100%
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff
}

.flatpickr-calendar.arrowBottom:after,
.flatpickr-calendar.arrowBottom:before {
  top: 100%
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff
}

.flatpickr-calendar:focus {
  outline: 0
}

.flatpickr-wrapper {
  position: relative;
  display: inline-block
}

.flatpickr-months {
  display: flex
}

.flatpickr-months .flatpickr-month {
  background: 0 0;
  color: rgba(0, 0, 0, .9);
  fill: rgba(0, 0, 0, 0.9);
  height: 34px;
  line-height: 1;
  text-align: center;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  overflow: hidden;
  flex: 1
}

.flatpickr-months .flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month {
  text-decoration: none;
  cursor: pointer;
  position: absolute;
  top: 0;
  line-height: 16px;
  height: 34px;
  padding: 10px;
  z-index: 3;
  color: rgba(0, 0, 0, .9);
  fill: rgba(0, 0, 0, 0.9)
}

.flatpickr-months .flatpickr-next-month.disabled,
.flatpickr-months .flatpickr-prev-month.disabled {
  display: none
}

.flatpickr-months .flatpickr-next-month i,
.flatpickr-months .flatpickr-prev-month i {
  position: relative
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  /*!
  /*rtl:begin:ignore*/
  left: 0
    /*!
  /*rtl:end:ignore*/
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month,
.flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  /*!
  /*rtl:begin:ignore*/
  right: 0
    /*!
  /*rtl:end:ignore*/
}

.flatpickr-months .flatpickr-next-month:hover,
.flatpickr-months .flatpickr-prev-month:hover {
  color: #b31b34
}

.flatpickr-months .flatpickr-next-month:hover svg,
.flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #b31b34
}

.flatpickr-months .flatpickr-next-month svg,
.flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px
}

.flatpickr-months .flatpickr-next-month svg path,
.flatpickr-months .flatpickr-prev-month svg path {
  transition: fill .1s;
  fill: inherit
}

.numInputWrapper {
  position: relative;
  height: auto
}

.numInputWrapper input,
.numInputWrapper span {
  display: inline-block
}

.numInputWrapper input {
  width: 100%
}

.numInputWrapper input::-ms-clear {
  display: none
}

.numInputWrapper input::-webkit-inner-spin-button,
.numInputWrapper input::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none
}

.numInputWrapper span {
  position: absolute;
  right: 0;
  width: 14px;
  padding: 0 4px 0 2px;
  height: 50%;
  line-height: 50%;
  opacity: 0;
  cursor: pointer;
  border: 1px solid rgba(85, 85, 85, .15);
  box-sizing: border-box
}

.numInputWrapper span:hover {
  background: rgba(0, 0, 0, .1)
}

.numInputWrapper span:active {
  background: rgba(0, 0, 0, .2)
}

.numInputWrapper span:after {
  display: block;
  content: "";
  position: absolute
}

.numInputWrapper span.arrowUp {
  top: 0;
  border-bottom: 0
}

.numInputWrapper span.arrowUp:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid rgba(85, 85, 85, .6);
  top: 26%
}

.numInputWrapper span.arrowDown {
  top: 50%
}

.numInputWrapper span.arrowDown:after {
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid rgba(85, 85, 85, .6);
  top: 40%
}

.numInputWrapper span svg {
  width: inherit;
  height: auto
}

.numInputWrapper span svg path {
  fill: rgba(0, 0, 0, 0.5)
}

.numInputWrapper:hover {
  background: rgba(0, 0, 0, .05)
}

.numInputWrapper:hover span {
  opacity: 1
}

.flatpickr-current-month {
  font-size: 135%;
  font-weight: 300;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 7.48px 0 0 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  transform: translate3d(0, 0, 0)
}

.flatpickr-current-month span.cur-month {
  font-family: inherit;
  font-weight: 700;
  color: inherit;
  display: inline-block;
  margin-left: .5ch;
  padding: 0
}

.flatpickr-current-month span.cur-month:hover {
  background: rgba(0, 0, 0, .05)
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  display: inline-block
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: rgba(0, 0, 0, .9)
}

.flatpickr-current-month input.cur-year {
  background: 0 0;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  padding: 0 0 0 .5ch;
  margin: 0;
  display: inline-block;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  line-height: inherit;
  height: auto;
  border: 0;
  border-radius: 0;
  vertical-align: initial
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0
}

.flatpickr-current-month input.cur-year[disabled],
.flatpickr-current-month input.cur-year[disabled]:hover {
  font-size: 100%;
  color: rgba(0, 0, 0, .5);
  background: 0 0;
  pointer-events: none
}

.flatpickr-monthDropdown-months {
  appearance: menulist;
  background: 0 0;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-size: inherit;
  font-family: inherit;
  font-weight: 300;
  height: auto;
  line-height: inherit;
  margin: -1px 0 0 0;
  outline: 0;
  padding: 0 0 0 .5ch;
  position: relative;
  vertical-align: initial;
  -webkit-box-sizing: border-box;
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  width: auto
}

.flatpickr-monthDropdown-months:active,
.flatpickr-monthDropdown-months:focus {
  outline: 0
}

.flatpickr-monthDropdown-months:hover {
  background: rgba(0, 0, 0, .05)
}

.flatpickr-weekdays {
  background: 0 0;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: flex;
  align-items: center;
  height: 28px
}

.flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
  flex: 1
}

span.flatpickr-weekday {
  cursor: default;
  font-size: 90%;
  background: 0 0;
  color: rgba(0, 0, 0, .54);
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  flex: 1;
  font-weight: bolder
}

.dayContainer,
.flatpickr-weeks {
  padding: 1px 0 0 0
}

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: flex-start;
  width: 307.875px
}

.flatpickr-days:focus {
  outline: 0
}

.dayContainer {
  padding: 0;
  outline: 0;
  text-align: left;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  box-sizing: border-box;
  display: inline-block;
  display: flex;
  flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  justify-content: space-around;
  transform: translate3d(0, 0, 0);
  opacity: 1
}

.dayContainer+.dayContainer {
  box-shadow: -1px 0 0 #e6e6e6
}

.flatpickr-day {
  background: 0 0;
  border: 1px solid transparent;
  border-radius: 150px;
  box-sizing: border-box;
  color: #555;
  cursor: pointer;
  font-weight: 300;
  width: 14.2857143%;
  flex-basis: 14.2857143%;
  max-width: 39px;
  height: 39px;
  line-height: 39px;
  margin: 0;
  display: inline-block;
  position: relative;
  justify-content: center;
  text-align: center
}

.flatpickr-day.inRange,
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
.flatpickr-day.nextMonthDay:focus,
.flatpickr-day.nextMonthDay:hover,
.flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.prevMonthDay:focus,
.flatpickr-day.prevMonthDay:hover,
.flatpickr-day.today.inRange,
.flatpickr-day:focus,
.flatpickr-day:hover {
  cursor: pointer;
  outline: 0;
  color: #fff;
  background: #b31b34;
  border-color: #b31b34
}

.flatpickr-day.today {
  border-color: #b31b34
}

.flatpickr-day.today:focus,
.flatpickr-day.today:hover {
  border-color: #b31b34;
  background: #b31b34;
  color: #fff
}

.flatpickr-day.endRange,
.flatpickr-day.endRange.inRange,
.flatpickr-day.endRange.nextMonthDay,
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.endRange:focus,
.flatpickr-day.endRange:hover,
.flatpickr-day.selected,
.flatpickr-day.selected.inRange,
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.selected:focus,
.flatpickr-day.selected:hover,
.flatpickr-day.startRange,
.flatpickr-day.startRange.inRange,
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.startRange:focus,
.flatpickr-day.startRange:hover {
  background: #b31b34;
  box-shadow: none;
  color: #fff;
  border-color: #b31b34
}

.flatpickr-day.endRange.startRange,
.flatpickr-day.selected.startRange,
.flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px
}

.flatpickr-day.endRange.endRange,
.flatpickr-day.selected.endRange,
.flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0
}

.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),
.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 0 #b31b34
}

.flatpickr-day.endRange.startRange.endRange,
.flatpickr-day.selected.startRange.endRange,
.flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 0 #b31b34, 5px 0 0 #b31b34
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover,
.flatpickr-day.nextMonthDay,
.flatpickr-day.notAllowed,
.flatpickr-day.notAllowed.nextMonthDay,
.flatpickr-day.notAllowed.prevMonthDay,
.flatpickr-day.prevMonthDay {
  color: rgba(85, 85, 85, .3);
  background: 0 0;
  border-color: transparent;
  cursor: default
}

.flatpickr-day.disabled,
.flatpickr-day.disabled:hover {
  cursor: not-allowed;
  color: rgba(85, 85, 85, .1)
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 0 #b31b34, 5px 0 0 #b31b34
}

.flatpickr-day.hidden {
  visibility: hidden
}

.rangeMode .flatpickr-day {
  margin-top: 1px
}

.flatpickr-weekwrapper {
  display: inline-block;
  float: left
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 0 #e6e6e6
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px
}

.flatpickr-weekwrapper span.flatpickr-day,
.flatpickr-weekwrapper span.flatpickr-day:hover {
  display: block;
  width: 100%;
  max-width: none;
  color: rgba(85, 85, 85, .3);
  background: 0 0;
  cursor: default;
  border: none
}

.flatpickr-innerContainer {
  display: flex;
  box-sizing: border-box;
  overflow: hidden
}

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  box-sizing: border-box
}

.flatpickr-time {
  text-align: center;
  outline: 0;
  line-height: 40px;
  max-height: 40px;
  box-sizing: border-box;
  overflow: hidden;
  display: flex
}

.flatpickr-time:after {
  content: "";
  display: table;
  clear: both
}

.flatpickr-time .numInputWrapper {
  flex: 1;
  width: 40%;
  height: 40px;
  float: left
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #555
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #555
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%
}

.flatpickr-time input {
  background: 0 0;
  box-shadow: none;
  border: 0;
  border-radius: 0;
  text-align: center;
  margin: 0;
  padding: 0;
  height: inherit;
  line-height: inherit;
  color: #555;
  font-size: 14px;
  position: relative;
  box-sizing: border-box
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700
}

.flatpickr-time input.flatpickr-minute,
.flatpickr-time input.flatpickr-second {
  font-weight: 300
}

.flatpickr-time input:focus {
  outline: 0;
  border: 0
}

.flatpickr-time .flatpickr-am-pm,
.flatpickr-time .flatpickr-time-separator {
  height: inherit;
  display: inline-block;
  float: left;
  line-height: inherit;
  color: #555;
  font-weight: 700;
  width: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  align-self: center
}

.flatpickr-time .flatpickr-am-pm {
  outline: 0;
  width: 18%;
  cursor: pointer;
  text-align: center;
  font-weight: 300
}

.flatpickr-time .flatpickr-am-pm:focus,
.flatpickr-time .flatpickr-am-pm:hover,
.flatpickr-time input:focus,
.flatpickr-time input:hover {
  background: #c91e3a
}

.flatpickr-input[readonly] {
  cursor: pointer
}

@keyframes fpFadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0)
  }

  to {
    opacity: 1;
    transform: translate3d(0, 0, 0)
  }
}

.flatpickr .input-group-append {
  cursor: pointer
}

.detail-page {
  --my-detail-visual-spacer-x: var(--my-default-margin-small);
  --my-detail-visual-spacer-y: var(--my-default-margin-small);
  --my-detail-content-spacer-y: var(--my-element-margin);
  margin-bottom: var(--my-element-margin);
  padding: 0 1.5rem;
}

.detail-page .piece>.visual .overlay {
  display: flex;
  flex-direction: column;
  position: relative
}

.detail-page .piece>.visual .overlay .image-src-box {
  order: 2
}

.detail-page .piece>.visual .overlay .visual-overlay {
  order: 1
}

.detail-page .detail-visual .visual-info {
  font-size: var(--my-body-font-size);
  font-weight: var(--my-body-font-weight);
  line-height: 1.25;
  display: flex;
  flex-direction: column
}

.type-media.detail-page .piece.full .visual,
.type-article.detail-page .piece.full .visual {
  width: 65vw;
  margin: 0 10vw;
}

.detail-page .detail-content .piece {
  background-color: rgba(255, 255, 255, 0.4);
}

.detail-page .detail-visual .visual-info .info.date {
  font-weight: bold;
}

.detail-page .detail-visual .visual-info .infogroup>div+div,
.detail-page .detail-visual .visual-info>div+div {
  margin-top: var(--my-detail-visual-spacer-y)
}

.detail-page .detail-visual .visual-info .location .locname {
  margin-bottom: calc(.5 * var(--my-detail-visual-spacer-y))
}

.detail-page .detail-visual .visual-info .location .adressInfo {
  margin-bottom: 0
}

.detail-page .detail-visual .visual-info .location .adressInfo p:last-child {
  margin-bottom: 0
}

.detail-page .detail-visual .visual-info .location .locdata>:not(:first-child) {
  margin-top: var(--my-detail-visual-spacer-y)
}

.detail-page .detail-visual .visual-info .info {
  display: flex
}

.detail-page .detail-visual .visual-info .info::before {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: top;
  display: inline-block;
  width: 2.5rem;
  padding-right: var(--my-detail-visual-spacer-x)
}

.detail-page .detail-visual .visual-info .info>div {
  display: inline-block
}

/*.detail-page .detail-visual .visual-info .date::before{content:"\f133"}*/

.detail-page .detail-visual .visual-info .person::before {
  content: "\f2c0"
}

.detail-page .detail-visual .visual-info .location::before {
  content: "\f041"
}

.detail-page .detail-visual .visual-info .images::before {
  content: "\f03e"
}

.detail-page .detail-visual .visual-info .type::before {
  content: "\f05a"
}

.detail-page .detail-visual .visual-text {
  font-weight: 600
}

.detail-page .detail-visual .visual-text strong {
  font-style: italic
}

.detail-page .sub-header {
  margin-bottom: var(--my-headings-margin-bottom)
}

.detail-page.layout-0 .detail-visual.piece.phv:not(.phb)>.visual {
  margin-bottom: 0
}

.detail-page.layout-1 .detail-visual.piece.phv.phh>.visual {
  margin-bottom: var(--my-headings-margin-bottom)
}

.detail-page .detail-visual+.detail-addition,
.detail-page .detail-visual+.detail-content {
  margin-top: var(--my-detail-content-spacer-y)
}

.detail-page .detail-visual+.attachment-container {
  margin-top: var(--my-element-margin)
}

.detail-page .detail-content::after {
  display: block;
  clear: both;
  content: ""
}

.detail-page .detail-content>.piece:not(:last-of-type) {
  margin-bottom: var(--my-detail-content-spacer-y)
}

.detail-page .detail-content+div {
  margin-top: var(--my-element-margin)
}

.detail-page .detail-content+div.attachment-container:empty {
  display: none
}

.detail-page .detail-content>.piece {
  width: 100%
}

.detail-page .detail-addition:last-of-type .element:last-of-type,
.detail-page .detail-addition:last-of-type .subelement:last-of-type,
.detail-page .detail-addition:last-of-type.element,
.detail-page .detail-addition:last-of-type.subelement {
  margin-bottom: 0
}

@media (min-width:764px) {
  .detail-page .overlay {
    display: block
  }

  .detail-page .visual-overlay {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80%;
    pointer-events: none;
    z-index: 7;
    transform: translate(-50%, -50%)
  }

  .detail-page .visual-overlay .intro-headline {
    margin: 0
  }

  .detail-page .visual-overlay .intro-headline>span {
    margin: 0;
    text-align: center;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 0 10px rgba(0, 0, 0, .5);
    line-height: 1.15
  }

  .detail-page .visual-overlay .intro-headline>.intro {
    font-size: 2.2rem;
    margin-bottom: calc(.5 * var(--my-detail-visual-spacer-y))
  }

  .detail-page .visual-overlay .intro-headline>.headline {
    font-size: 4.65rem
  }

  .detail-page .visual-darken {
    position: absolute;
    pointer-events: none;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 7;
    background-image: linear-gradient(rgba(99, 99, 99, 0), rgba(99, 99, 99, .3) 30%, rgba(99, 99, 99, .3) 70%, rgba(99, 99, 99, 0))
  }

  .detail-page .detail-visual.full .visual-info {
    flex-direction: row;
    justify-content: space-between
  }

  .detail-page .detail-visual.full .visual-info.right {
    justify-content: flex-end
  }

  .detail-page .detail-visual.full .visual-info>div+div {
    margin-top: 0
  }

  .detail-page .detail-visual.full .visual-info .person {
    order: 1
  }

  .detail-page .detail-visual.full .visual-info .date,
  .detail-page .detail-visual.full .visual-info .infogroup {
    order: 10
  }
}

html.opencms-page-editor .detail-page.oc-detail-preview {
  opacity: .75;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
}

.type-wallsio:not(.external-cookie-notice).remove-margin .wallsio-container {
  margin-left: -21px;
  margin-right: -21px
}

.type-wallsio:not(.external-cookie-notice).remove-margin .wallsio-container .wallsio-load-more-button {
  margin-left: 21px
}

.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button {
  margin: 0;
  padding: .6rem 1.2rem;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  font-family: var(--my-btn-font-family);
  white-space: nowrap;
  font-weight: 400;
  border-radius: var(--my-btn-border-radius);
  color: var(--my-btn-fg);
  background-color: var(--my-btn-bg)
}

.open .dropdown-toggle .type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button.active,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button:focus,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button:hover {
  color: var(--my-btn-hover-fg);
  background-color: var(--my-btn-hover-bg);
  text-decoration: none;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: .33s;
  transition-timing-function: ease
}

.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button.disabled,
.type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button[disabled],
fieldset[disabled] .type-wallsio:not(.external-cookie-notice) .wallsio-load-more-button {
  background-color: #ddd;
  color: #555;
  cursor: not-allowed
}

.calendar-sheet {
  --my-cs-color: var(--my-text-dark);
  --my-cs-accent-color: var(--my-main-theme-base);
  --my-cs-bg-color: var(--my-grey-lighter);
  --my-cs-border-color: var(--my-grey-light);
  --my-cs-side-margin: calc(0.5 * var(--my-gutter-x));
  --my-cs-bar-height: 15px;
  --my-cs-bar-width: 80%
}

.calendar-sheet-piece {
  --my-cs-width: 165px;
  --my-cs-border-radius: var(--my-border-radius)
}

.calendar-sheet {
  background-color: var(--my-cs-bg-color);
  font-family: var(--my-font-family-headings)
}

.calendar-sheet>span {
  color: var(--my-cs-color)
}

.calendar-sheet>.day-number {
  font-size: 24px;
  font-weight: 600;
  color: var(--my-cs-accent-color);
  line-height: 30px
}

@media (max-width:763.98px) {
  .area-wide .calendar-sheet-piece .image-src-box.presized {
    padding-bottom: 0 !important;
    height: auto
  }

  .area-wide .calendar-sheet {
    border-bottom: 2px solid var(--my-cs-accent-color);
    display: inline-block;
    width: 100%;
    padding: 10px 0
  }

  .area-wide .calendar-sheet .day-name {
    margin-right: calc(.5 * var(--my-cs-side-margin));
    float: right
  }

  .area-wide .calendar-sheet .day-number,
  .area-wide .calendar-sheet .month-year {
    margin-left: calc(.5 * var(--my-cs-side-margin));
    float: left
  }

  .area-wide .calendar-sheet .day-name,
  .area-wide .calendar-sheet .day-number,
  .area-wide .calendar-sheet .month-year {
    line-height: 30px
  }
}

@media (min-width:764px) {
  .area-wide .calendar-sheet-piece.fixed.flex>.visual {
    min-width: calc(var(--my-cs-width) + .5 * var(--my-gutter-x));
    max-width: calc(var(--my-cs-width) + .5 * var(--my-gutter-x))
  }

  .area-wide .calendar-sheet-piece.fixed.flex>.body {
    flex: 0 0 calc(100% - (var(--my-cs-width) + 0.5 * var(--my-gutter-x)));
    max-width: calc(100% - (var(--my-cs-width) + .5 * var(--my-gutter-x)))
  }

  .area-wide .calendar-sheet-piece.fixed.float>.visual {
    min-width: var(--my-cs-width);
    max-width: var(--my-cs-width)
  }

  .area-wide .calendar-sheet {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid var(--my-cs-border-color);
    border-radius: var(--my-cs-border-radius);
    text-align: center;
    overflow: hidden
  }

  .area-wide .calendar-sheet::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: calc(.5 * (100% - var(--my-cs-bar-width)));
    height: var(--my-cs-bar-height);
    border-bottom: none;
    margin: 0;
    background-color: var(--my-cs-accent-color);
    width: var(--my-cs-bar-width)
  }

  .area-wide .calendar-sheet>span {
    display: block
  }

  .area-wide .calendar-sheet .day-name,
  .area-wide .calendar-sheet .month-year {
    padding: 10px
  }
}

.area-narrow .calendar-sheet-piece .image-src-box.presized {
  padding-bottom: 0 !important;
  height: auto
}

.area-narrow .calendar-sheet {
  border-bottom: 2px solid var(--my-cs-accent-color);
  display: inline-block;
  width: 100%;
  padding: 10px 0
}

.area-narrow .calendar-sheet .day-name {
  margin-right: calc(.5 * var(--my-cs-side-margin));
  float: right
}

.area-narrow .calendar-sheet .day-number,
.area-narrow .calendar-sheet .month-year {
  margin-left: calc(.5 * var(--my-cs-side-margin));
  float: left
}

.area-narrow .calendar-sheet .day-name,
.area-narrow .calendar-sheet .day-number,
.area-narrow .calendar-sheet .month-year {
  line-height: 30px
}

.area-narrow .calendar-sheet-piece.piece.flex>.body,
.area-narrow .calendar-sheet-piece.piece.flex>.visual {
  padding-left: 0;
  padding-right: 0
}

table.submissions {
  table-layout: fixed;
  width: 100%
}

table.submissions tr>td:last-of-type {
  font-weight: 600
}

table.submissions tr.emphasize>td {
  font-weight: 600;
  font-style: italic
}

table.submissions td {
  padding-bottom: var(--my-default-margin-verysmall);
  vertical-align: top
}

.submission-actions .buttons {
  text-align: right
}

.submission-actions .buttons button {
  margin-left: var(--my-default-margin-verysmall)
}

.submission-actions>button {
  float: right;
  margin-left: var(--my-default-margin-verysmall)
}

.book-info>span {
  display: inline-block
}

.book-info .book-msg {
  background-color: var(--my-grey-lighter);
  color: var(--my-text-dark)
}

.book-info .book-msg,
.book-info .oct-meta-info {
  border-radius: var(--my-border-radius);
  font-weight: 400
}

.book-info .book-msg:not(.last-child),
.book-info .oct-meta-info:not(.last-child) {
  margin-right: var(--my-ws-margin)
}

.detail-page .book-info .book-msg,
.detail-page .book-info .oct-meta-info {
  padding: .6rem 1.2rem
}

.accordion .book-info,
.teaser .book-info {
  font-size: 80%;
  line-height: 1.2;
  margin-top: 8px
}

.accordion .book-info .book-msg,
.accordion .book-info .oct-meta-info,
.teaser .book-info .book-msg,
.teaser .book-info .oct-meta-info {
  display: inline-block;
  padding: 1px 8px;
  margin-bottom: 8px
}

.tile-col .book-info .book-msg::after {
  content: "\a";
  white-space: pre
}

.cost-table .ct-category {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--my-paragraph-margin-bottom)
}

.cost-table .ct-price {
  font-weight: var(--my-font-weight-bold)
}

@media (min-width:1014px) {
  .event-costs {
    display: flow-root;
    width: 100%
  }

  .cost-table {
    display: table
  }

  .cost-table .ct-category {
    display: table-row;
    margin-bottom: calc(.5 * var(--my-paragraph-margin-bottom))
  }

  .cost-table .ct-price {
    display: table-cell;
    font-weight: var(--my-font-weight-bold)
  }

  .cost-table .ct-class {
    display: table-cell;
    width: 50%;
    padding-left: var(--my-ws-margin)
  }

  .cost-table .ct-link {
    display: table-cell;
    padding-left: var(--my-ws-margin)
  }
}

@media (max-width:763.98px) {
  .area-foot {
    line-height: 1.8
  }
}

.area-foot .topfoot {
  --my-body-color: #ddd;
  --my-body-bg: #000;
  --my-headings-color: #fff;
  --my-link-color: #fff;
  --my-link-hover-color: #fff;
  --my-link-color-rgb: 255, 255, 255;
  --my-link-hover-color-rgb: 255, 255, 255
}

.area-foot .subfoot {
  --my-body-color: #555;
  --my-body-bg: #f7f7f7;
  --my-headings-color: #555;
  --my-link-color: #555;
  --my-link-hover-color: #ff264a;
  --my-link-color-rgb: 85, 85, 85;
  --my-link-hover-color-rgb: 255, 38, 74
}

.area-foot .subfoot,
.area-foot .topfoot {
  display: flex;
  padding-top: var(--my-element-margin);
  color: var(--my-body-color);
  background-color: var(--my-body-bg)
}

#topcontrol {
  color: var(--my-nav-toggle-fg);
  background:
    /*var(--my-nav-toggle-bg)*/
    #2c8096;
  z-index: 150150;
  width: 40px;
  height: 40px;
  font-size: 25px;
  line-height: 36px;
  display: none;
  position: fixed;
  /*visibility:visible;*/
  bottom: 15px;
  border-radius: 3px !important;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  right: 30px
}

@media (min-width:1014px) {
  #topcontrol {
    right: 15px
  }
}

#topcontrol.show {
  transition: opacity .33s;
  pointer-events: auto;
  display: none;
  opacity: 1
}

#topcontrol::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 40px;
  line-height: 38px;
  content: "\f106";
  position: absolute;
  display: none;
  text-align: center
}

@media (max-width:763.98px) {
  #topcontrol {
    width: 30px;
    height: 30px
  }

  #topcontrol::after {
    width: 30px;
    line-height: 28px
  }
}

.styled-form {
  --my-form-font-family: var(--my-body-font-family);
  --my-form-radio-checked-color: var(--my-main-theme);
  --my-form-input-border-radius: var(--my-btn-border-radius);
  --my-form-spacing: 2rem;
  --my-form-padding-y: 2rem;
  --my-form-padding-x: calc(2rem * 1.5);
  --my-form-section-margin-bottom: 2rem;
  margin: 0;
  outline: 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.4;
  font-family: var(--my-form-font-family);
  border: 1px solid #a8adb4;
  border-radius: var(--my-border-radius);
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.styled-form.element,
.styled-form.subelement {
  margin-bottom: var(--my-element-margin)
}

.styled-form header {
  border-bottom: 1px solid #a8adb4;
  padding: var(--my-form-padding-y) var(--my-form-padding-x)
}

.styled-form fieldset {
  display: block;
  padding: var(--my-form-padding-y) var(--my-form-padding-x);
  border: none
}

.styled-form fieldset p:last-child {
  margin-bottom: 0
}

.styled-form .webform_subfields fieldset {
  padding: 0
}

.styled-form fieldset+fieldset {
  border-top: 1px solid #a8adb4
}

.styled-form .webform_subfields,
.styled-form section {
  margin-bottom: var(--my-form-section-margin-bottom)
}

.styled-form .webform_subfields:last-child,
.styled-form section:last-child {
  margin-bottom: 0 !important
}

.styled-form footer {
  display: block;
  padding: var(--my-form-padding-y) var(--my-form-padding-x);
  border-top: 1px solid #a8adb4
}

.styled-form footer:after {
  content: "";
  display: table;
  clear: both
}

.styled-form .label,
.styled-form label {
  display: block;
  font-weight: 600;
  margin-bottom: calc(.25 * var(--my-form-spacing))
}

.styled-form .note {
  margin-top: calc(.25 * var(--my-form-spacing));
  padding: 0;
  font-size: 100%;
  line-height: 1.5
}

.styled-form .button,
.styled-form .checkbox,
.styled-form .input,
.styled-form .radio,
.styled-form .select,
.styled-form .textarea,
.styled-form .toggle {
  position: relative;
  display: block
}

.styled-form input.datepicker.flatpickr-mobile,
.styled-form input.datepicker.input {
  position: static
}

.styled-form input.datepicker:not([value*="."]):not([value*="/"]):not([value*="-"])+input.datepicker.flatpickr-mobile::before {
  color: #a8adb4;
  content: attr(placeholder)
}

.styled-form .input input,
.styled-form .select select,
.styled-form .textarea textarea {
  font-weight: 400;
  font-size: 1.6rem;
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 10px;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  border-radius: var(--my-form-input-border-radius);
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.styled-form .input input::-moz-placeholder,
.styled-form .select select::-moz-placeholder,
.styled-form .textarea textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 1.6rem;
  color: #a8adb4
}

.styled-form .input input::placeholder,
.styled-form .select select::placeholder,
.styled-form .textarea textarea::placeholder {
  font-weight: 400;
  font-size: 1.6rem;
  color: #a8adb4
}

.styled-form .input.button {
  display: flex;
  flex: 1 1 auto
}

.styled-form .input.button input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.styled-form .input.button button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.styled-form .input.button input {
  border-right-style: none
}

.styled-form .input.button button.btn {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 1;
  border: 1px solid #a8adb4;
  border-left-style: none;
  white-space: nowrap
}

.styled-form .input-file .button {
  margin: 0;
  padding: .6rem 1.2rem;
  display: inline-block;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  font-family: var(--my-btn-font-family);
  white-space: nowrap;
  font-weight: 400;
  border-radius: var(--my-btn-border-radius);
  color: var(--my-btn-fg);
  background-color: var(--my-btn-bg);
  position: absolute;
  top: 4px;
  right: 4px;
  float: none;
  height: calc(100% - 8px);
  line-height: 31px;
  padding: 0 var(--my-form-spacing);
  font-size: 80%
}

.open .dropdown-toggle .styled-form .input-file .button,
.styled-form .input-file .button.active,
.styled-form .input-file .button:focus,
.styled-form .input-file .button:hover {
  color: var(--my-btn-hover-fg);
  background-color: var(--my-btn-hover-bg);
  text-decoration: none;
  cursor: pointer;
  transition-property: color, background-color, border-color;
  transition-duration: .33s;
  transition-timing-function: ease
}

.styled-form .input-file .button.disabled,
.styled-form .input-file .button[disabled],
fieldset[disabled] .styled-form .input-file .button {
  background-color: #ddd;
  color: #555;
  cursor: not-allowed
}

.styled-form .input-file .button input {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%
}

.styled-form .select i {
  position: absolute;
  top: 0;
  right: 2px;
  width: 28px;
  height: 100%;
  pointer-events: none;
  background-image: url("../icons/fa/angle-down.svg");
  background-repeat: no-repeat;
}

.styled-form .select i::after,
.styled-form .select i::before {
  content:
    /*url("../icons/fa/angle-down.svg")*/
    background-image: url("../icons/fa/angle-down.svg");
  background-repeat: no-repeat;
  position: absolute;
  right: 10px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent
}

.styled-form .select i::before {
  background-image: url("../icons/fa/angle-down.svg");
  background-repeat: no-repeat;
  color: #2c8096;
  top: 12px;
  border-bottom: 5px solid #2c8096
}

.styled-form .select i::after {
  background-image: url("../icons/fa/angle-down.svg");
  background-repeat: no-repeat;
  bottom: 12px;
  border-top: 5px solid #7f8691
}

.styled-form .select select {
  cursor: pointer;
  padding-right: 28px
}

.styled-form .select-multiple select {
  height: auto
}

.styled-form .textarea textarea {
  height: auto;
  resize: none
}

.styled-form .textarea-resizable textarea {
  resize: vertical
}

.styled-form .textarea-expandable textarea:focus {
  height: auto
}

.styled-form .checkbox,
.styled-form .radio {
  font-weight: 400;
  padding-left: 35px;
  cursor: pointer
}

.styled-form .checkbox:last-child,
.styled-form .radio:last-child {
  margin-bottom: 0
}

.styled-form .checkbox input:not(checked) {
  background-image: url("../icons/fa/circle-solid-white.svg")
}

.styled-form .checkbox input,
.styled-form .radio input {
  position: absolute;
  left: -9999px
}

.styled-form .checkbox i,
.styled-form .radio i {
  position: absolute;
  top: 3px;
  left: 0;
  /*display:block;*/
  width: 30px;
  height: 30px;
  outline: 0;
  /*border-width:1px;border-style:solid;background-color:#fff*/
}

.styled-form .checkbox input+i::after,
.styled-form .radio input+i::after {
  position: absolute;
  opacity: 0;
  transition: opacity .1s
}

.styled-form .checkbox input:checked+i::after,
.styled-form .radio input:checked+i::after {
  opacity: 1;
  background-image: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  background-repeat: no-repeat;
  /* color:var(--my-form-radio-checked-color)*/
}

.styled-form .radio i {
  border-radius: 50%
}

.styled-form .radio input+i::after {
  content: "";
  top: 4px;
  left: 4px;
  width: 10px;
  height: 10px;
  border-radius: 50%
}

.styled-form .checkbox input+i::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*content:"\f00c"*/
  content: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  top: -5px;
  left: -1px;
  font-size: 23px;
  line-height: 23px;
  font-weight: 400;
  text-align: center
}

.styled-form .toggle {
  font-weight: 400;
  padding-right: 70px;
  cursor: pointer
}

.styled-form .toggle:last-child {
  margin-bottom: 0
}

.styled-form .toggle input {
  position: absolute;
  left: -9999px
}

.styled-form .toggle input:checked+i::before {
  right: 36px;
  background-image: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  background-repeat: no-repeat;
  /*background-color:var(--my-form-radio-checked-color)*/
}

.styled-form .toggle input:checked+i::after {
  content: "ON";
  text-align: right;
  background-image: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  background-repeat: no-repeat;
  /*color:var(--my-form-radio-checked-color)*/
}

.styled-form .toggle i {
  content: "";
  position: absolute;
  top: 4px;
  right: 0;
  display: block;
  width: 55px;
  height: 20px;
  border-width: 1px;
  border-style: solid;
  border-radius: 12px;
  background-color: #fff
}

.styled-form .toggle i::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: 4px;
  right: 4px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  opacity: 1;
  transition: right .2s;
  background-color: #7f8691
}

.styled-form .toggle i::after {
  content: "OFF";
  position: absolute;
  top: 3px;
  right: 8px;
  left: 8px;
  font-style: normal;
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  text-align: left;
  color: #7f8691
}

.styled-form .icon-append,
.styled-form .icon-prepend {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  width: 34px;
  height: calc(100% - 6px);
  top: 3px
}

.styled-form .icon-append.ico-svg>svg,
.styled-form .icon-prepend.ico-svg>svg {
  vertical-align: middle
}

.styled-form .icon-append {
  right: 0;
  border-left-width: 1px;
  border-left-style: solid
}

.styled-form .icon-prepend {
  right: 5px;
  border-right-width: 0px;
  border-right-style: solid
}

.styled-form .input .icon-append+textarea,
.styled-form .input .icon-append~input,
.styled-form .textarea .icon-append+textarea,
.styled-form .textarea .icon-append~input {
  padding-right: 34px
}

.styled-form .input .icon-prepend+textarea,
.styled-form .input .icon-prepend~input,
.styled-form .textarea .icon-prepend+textarea,
.styled-form .textarea .icon-prepend~input {
  padding-left: 10px
}

.styled-form .textarea .icon-append,
.styled-form .textarea .icon-prepend {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  align-self: unset;
  top: 3px;
  width: 31px;
  height: 31px
}

.styled-form .textarea .icon-append {
  padding-right: 0;
  right: 3px;
  border-bottom-left-radius: var(--my-form-input-border-radius)
}

.styled-form .textarea .icon-prepend {
  padding-left: 0;
  left: 3px;
  border-bottom-right-radius: var(--my-form-input-border-radius);
}

.styled-form .checkbox i,
.styled-form .icon-append,
.styled-form .icon-prepend,
.styled-form .input input,
.styled-form .radio i,
.styled-form .select select,
.styled-form .textarea textarea {
  border-color: #2c8096;
  border-radius: 10px
}

.styled-form .icon-append,
.styled-form .icon-prepend {
  color: #2c8096
}

.styled-form .radio input+i::after {
  background-image: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  background-repeat: no-repeat;
  /*background-color:var(--my-form-radio-checked-color)*/
}

.styled-form .checkbox input+i::after {
  color: var(--my-form-radio-checked-color)
}

.styled-form .checkbox i,
.styled-form .radio i,
.styled-form .toggle i {
  border-color: #7f8691
}

.styled-form .checkbox input:checked+i,
.styled-form .radio input:checked+i,
.styled-form .toggle input:checked+i {
  border-color: #2c8096 background-image:url("../icons/fa/circle-check-solid-sm-aqua.svg")
}

.styled-form .checkbox i {
  border-radius: var(--my-form-input-border-radius)
}

.styled-form.state-error .checkbox.state-error i,
.styled-form.state-error .radio.state-error i,
.styled-form.state-error .state-error input,
.styled-form.state-error .state-error select,
.styled-form.state-error .state-error textarea,
.styled-form.state-error .toggle.state-error i,
.styled-form.state-error .toggle.state-error input:checked+i {
  background-color: #fee
}

.styled-form.state-error .note-error {
  color: #b22
}

.styled-form.state-error .note-error::before {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f071";
  margin-right: 10px
}

.styled-form .state-disabled.button,
.styled-form .state-disabled.checkbox,
.styled-form .state-disabled.input input,
.styled-form .state-disabled.radio,
.styled-form .state-disabled.select,
.styled-form .state-disabled.textarea,
.styled-form .state-disabled.toggle {
  cursor: default;
  opacity: .5
}

.styled-form .state-disabled-alt.button,
.styled-form .state-disabled-alt.checkbox,
.styled-form .state-disabled-alt.input input,
.styled-form .state-disabled-alt.radio,
.styled-form .state-disabled-alt.select,
.styled-form .state-disabled-alt.textarea,
.styled-form .state-disabled-alt.toggle {
  cursor: default
}

.styled-form .state-disabled-alt.radio input:checked+i::after {
  background-color: #7f8691
}

.styled-form .state-disabled-alt.checkbox input:checked+i::after {
  color: #7f8691;
  background-image: url("../icons/fa/circle-check-solid-sm-aqua.svg")
}

.styled-form .input .captcha {
  background-color: #fff;
  margin-bottom: calc(.5 * var(--my-form-spacing));
  border: 1px dashed #ddd;
  border-radius: var(--my-form-input-border-radius);
  overflow: hidden
}

.styled-form .input .captcha img {
  max-width: 100% !important
}

@media (max-width:551.98px) {

  .styled-form fieldset,
  .styled-form footer,
  .styled-form header {
    padding: calc(.5 * var(--my-form-padding-y)) calc(.5 * var(--my-form-padding-x))
  }

  .styled-form section {
    margin-bottom: calc(.5 * var(--my-form-section-margin-bottom))
  }

  .styled-form .input input::-moz-placeholder,
  .styled-form .select select::-moz-placeholder,
  .styled-form .textarea textarea::-moz-placeholder {
    font-size: 1.3rem
  }

  .styled-form .input input::placeholder,
  .styled-form .select select::placeholder,
  .styled-form .textarea textarea::placeholder {
    font-size: 1.3rem
  }
}

@media (min-width:1014px) {

  .styled-form .radio i,
  .styled-form .toggle i {
    top: 0
  }

  .styled-form .checkbox i {
    top: 1px;
    background-image: url("../icons/fa/circle-solid-white.svg")
  }

  .styled-form .inline-group {
    margin-right: -30px;
    margin-bottom: calc(-1 * .25 * var(--my-form-spacing))
  }

  .styled-form .inline-group::after {
    content: "";
    display: table;
    clear: both
  }

  .styled-form .inline-group .checkbox {
    float: left;
    margin-right: 30px;
    margin-bottom: calc(.25 * var(--my-form-spacing))
  }

  .styled-form .webform_subfields fieldset {
    padding-left: var(--my-form-padding-x);
    padding-right: var(--my-form-padding-x)
  }
}

.styled-form.compact {
  --my-form-spacing: 1rem;
  --my-form-padding-y: 1rem;
  --my-form-padding-x: 1rem;
  --my-form-section-margin-bottom: 1rem
}

.styled-form.compact .input input,
.styled-form.compact .select select,
.styled-form.compact .textarea textarea {
  padding: 4px 10px
}

.styled-form.compact .input .icon-append+textarea,
.styled-form.compact .input .icon-append~input,
.styled-form.compact .textarea .icon-append+textarea,
.styled-form.compact .textarea .icon-append~input {
  padding-right: 34px
}

.styled-form.compact .input .icon-prepend+textarea,
.styled-form.compact .input .icon-prepend~input,
.styled-form.compact .textarea .icon-prepend+textarea,
.styled-form.compact .textarea .icon-prepend~input {
  padding-left: 42px
}

.styled-form.compact .select i::before {
  top: 9px
}

.styled-form.compact .select i::after {
  bottom: 9px
}

.styled-form.compact .select select {
  padding-right: 28px
}

.styled-form.compact .icon-append,
.styled-form.compact .icon-prepend {
  padding-top: 2px;
  padding-bottom: 2px
}

.styled-form.no-border {
  border: none
}

.styled-form.no-border fieldset,
.styled-form.no-border footer,
.styled-form.no-border form,
.styled-form.no-border header {
  border: none;
  padding: 0;
  margin-bottom: calc(.5 * var(--my-form-spacing))
}

.styled-form.no-bg {
  background-color: inherit
}

html.keyboard-nav .styled-form .checkbox input:focus+i,
html.keyboard-nav .styled-form .radio input:focus+i {
  outline-color: rgba(77, 144, 255, .5);
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 2px;
  z-index: 650000
}

.type-webform {
  --my-form-spacing: 2rem
}

.type-webform .form-header {
  margin-bottom: var(--my-form-spacing)
}

.type-webform .form-footer {
  margin-top: var(--my-form-spacing)
}

.type-webform .form-footer>p:last-of-type {
  margin-bottom: 0
}

@media (max-width:551.98px) {
  .type-webform .table.table-responsive {
    font-size: 12px
  }
}

.type-webform .btn.resetbutton {
  --my-btn-fg: #555;
  --my-btn-bg: #ddd;
  --my-btn-hover-fg: #fff;
  --my-btn-hover-bg: #b31b34
}

.type-webform .formbtn-row {
  display: block
}

.type-webform .formbtn-row .formbtn {
  margin-bottom: var(--my-form-spacing)
}

.type-webform .formbtn-row .formbtn:last-of-type {
  margin-bottom: 0
}

.type-webform .formbtn-row .formbtn .btn,
.type-webform .formbtn-row .formbtn.btn {
  width: 100%;
  display: block
}

.type-webform table.webform-input {
  background-color: var(--my-body-bg)
}

.type-webform table.webform-input td.label {
  white-space: nowrap
}

.type-webform table.webform-input td.value {
  width: 100%
}

@media (min-width:764px) {
  .type-webform .formbtn-row {
    display: flex;
    justify-content: center
  }

  .type-webform .formbtn-row .formbtn {
    margin-bottom: 0;
    margin-left: calc(.5 * var(--my-form-spacing));
    margin-right: calc(.5 * var(--my-form-spacing));
    width: auto
  }

  .type-webform .formbtn-row .formbtn .btn,
  .type-webform .formbtn-row .formbtn.btn {
    width: auto;
    min-width: 200px
  }
}

form#emailform1260684148 fieldset {
  padding: 0 20px;
  display: grid;
  grid-template-columns: repeat(4, auto);
  grid-template-rows: repeat(2, 80px);
  column-gap: 15px;
}

form#emailform1260684148 fieldset section .inline-group {
  height: 100%
}

form#emailform1260684148 fieldset section .select i {
  background-image: url("../icons/fa/angle-down.svg");
}

form#emailform1260684148 fieldset section .check:not(checked) {
  background-image: url("../icons/fa/circle-solid-white.svg");
}

form#emailform1260684148 fieldset section .checkbox.checked {
  background-image: url("../icons/fa/circle-check-solid-sm-aqua.svg");
}

.checkpage .correctaction {
  margin-bottom: var(--my-form-spacing)
}

@media (min-width:764px) {
  .type-webform .checkpage .correctaction {
    margin-bottom: 0
  }
}

.row-12::after,
.row-square::after {
  display: block;
  clear: both;
  content: ""
}

.flex-col,
.row-12 {
  display: flex;
  flex-direction: column
}

.row-12.box>div.element:last-child {
  margin-bottom: 0
}

.row-has-background {
  display: flex;
  flex-direction: column;
  padding-top: var(--my-element-margin)
}

.row-has-background+.area-content:not(.row-has-background) {
  margin-top: var(--my-element-margin)
}

.colored-row {
  --my-main-theme: var(--my-link-color);
  --my-main-theme-rgb: var(--my-link-color-rgb);
  --my-main-theme-fg: var(--my-link-fg-color);
  --my-main-theme-hover: var(--my-link-hover-color);
  --my-main-theme-hover-fg: var(--my-link-hover-fg-color);
  --my-headings-color: var(--my-body-color);
  --my-intro-headings-color: var(--my-main-theme);
  --my-highlight-color: rgb(var(--my-highlight-color-rgb), 0.25);
  --my-highlight-fg-color: var(--my-body-color);
  --my-highlight-border-color: var(--my-body-color);
  --my-highlight-border-fg-color: var(--my-body-bg);
  --my-btn-bg: var(--my-link-color);
  --my-btn-fg: var(--my-link-fg-color);
  --my-btn-hover-bg: var(--my-link-hover-color);
  --my-btn-hover-fg: var(--my-link-hover-fg-color);
  --my-btn-border: var(--my-btn-bg);
  --my-btn-hover-border: var(--my-btn-hover-bg);
  color: var(--my-body-color);
  background-color: var(--my-body-bg)
}

.colored-row.bg-highlight,
.colored-row.bg-switch:nth-of-type(2n) {
  --my-body-bg: #f7f7f7;
  --my-body-bg-rgb: 247, 247, 247;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.colored-row.bg-theme {
  --my-body-bg: #b31b34;
  --my-body-bg-rgb: 179, 27, 52;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.colored-row.bg-grey-light {
  --my-body-bg: #ddd;
  --my-body-bg-rgb: 221, 221, 221;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.colored-row.bg-grey {
  --my-body-bg: #a8adb4;
  --my-body-bg-rgb: 168, 173, 180;
  --my-body-color: #fff;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #555
}

.effect-parallax-bg {
  background-image: none;
  background-position: 50% 0;
  background-size: cover;
  background-clip: border-box;
  background-origin: border-box;
  background-repeat: no-repeat;
  background-attachment: fixed
}

.padded-small {
  padding-top: 50px;
  padding-bottom: calc(50px - var(--my-element-margin))
}

.padded-small .row-12.box {
  margin-bottom: var(--my-element-margin)
}

.padded-medium {
  padding-top: 100px;
  padding-bottom: calc(100px - var(--my-element-margin))
}

.padded-medium .row-12.box {
  margin-bottom: var(--my-element-margin)
}

.padded-large {
  padding-top: 200px;
  padding-bottom: calc(200px - var(--my-element-margin))
}

.padded-large .row-12.box {
  margin-bottom: var(--my-element-margin)
}

.tile-margin-0.row {
  --my-gutter-x: 0px;
  --my-gutter-y: 0px;
  margin-bottom: var(--my-element-margin)
}

.tile-margin-0.row>.tile-col {
  margin-bottom: 0
}

.tile-margin-0.row~.list-editbox {
  margin-top: 0
}

.tile-margin-2.row {
  --my-gutter-x: 4px;
  --my-gutter-y: 4px;
  margin-bottom: var(--my-element-margin)
}

@media (max-width:763.98px) {
  .tile-margin-2.row {
    --my-gutter-x: calc(0.5 * var(--my-element-margin));
    --my-gutter-y: calc(0.5 * var(--my-element-margin))
  }
}

.tile-margin-2.row>.tile-col {
  margin-bottom: 0
}

.tile-margin-2.row~.list-editbox {
  margin-top: 4px
}

.tile-margin-5.row {
  --my-gutter-x: 10px;
  --my-gutter-y: 10px;
  margin-bottom: var(--my-element-margin)
}

@media (max-width:763.98px) {
  .tile-margin-5.row {
    --my-gutter-x: calc(0.5 * var(--my-element-margin));
    --my-gutter-y: calc(0.5 * var(--my-element-margin))
  }
}

.tile-margin-5.row>.tile-col {
  margin-bottom: 0
}

.tile-margin-5.row~.list-editbox {
  margin-top: 10px
}

.tile-margin-10.row {
  --my-gutter-x: 20px;
  --my-gutter-y: 20px;
  margin-bottom: var(--my-element-margin)
}

.tile-margin-10.row>.tile-col {
  margin-bottom: 0
}

.tile-margin-10.row~.list-editbox {
  margin-top: 20px
}

.tile-margin-15.row {
  --my-gutter-x: 30px;
  --my-gutter-y: 30px;
  margin-bottom: var(--my-element-margin)
}

.tile-margin-15.row>.tile-col {
  margin-bottom: 0
}

.tile-margin-15.row~.list-editbox {
  margin-top: 30px
}

@media (min-width:552px) and (max-width:1013.98px) {
  .co-sm-md {
    --my-gutter-x: 0;
    --my-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--my-gutter-x) * .5);
    padding-left: calc(var(--my-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 540px
  }
}

@media (min-width:764px) and (max-width:1013.98px) {
  .co-sm-md {
    max-width: 744px
  }
}

@media (min-width:1014px) {
  .co-lg-xl {
    --my-gutter-x: 30px;
    --my-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--my-gutter-x) * .5);
    padding-left: calc(var(--my-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
    max-width: 992px
  }
}

@media (min-width:1200px) {
  .co-lg-xl {
    max-width: 1170px
  }
}

@media (min-width:1400px) {
  .co-lg-xl {
    max-width: 1320px
  }
}

header.fh .h-meta,
header.fh .h-title {
  display: none
}

header.fh .h-logo {
  width: 100%;
  padding-top: var(--my-default-margin-verysmall);
  padding-bottom: var(--my-default-margin-verysmall);
  padding-right: 15px;
  padding-left: 15px
}

header.fh .h-ac {
  display: none
}

header.fh.ac-mobile .h-ac {
  display: block
}

header.fh.ac-mobile .h-ac .container>div>.element,
header.fh.ac-mobile .h-ac>div>.element {
  margin-bottom: 0
}

header.fh.ac-mobile.ac-full-size .h-ac {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw
}

header.fh .nav-main-mobile-logo .mobile-logolink {
  display: flex
}

header.fh .nav-main-mobile-logo .img-responsive {
  display: inline-block
}

@media (min-width:552px) {
  header.fh .h-logo .header-image {
    max-width: none
  }
}

@media (max-width:1013.98px) {

  header.fh .mega .nav-mega-menu .element:not(.type-nav-side):not(.ls-navigation),
  header.fh .mega .nav-mega-menu .teaser {
    display: none
  }

  header.fh .mega .nav-mega-menu>.row>div {
    max-width: none;
    flex: none
  }

  header.fh.title-mobile .h-info,
  header.fh.title-mobile.lp-c .h-title {
    display: flex;
    order: 10;
    padding-bottom: 7.5px;
    padding-top: 15px;
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw
  }

  header.fh.title-mobile .h-info .h-title,
  header.fh.title-mobile.lp-c .h-title>div {
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    font-weight: var(--my-font-weight-headings);
    font-family: var(--my-font-family-headings);
    font-style: var(--my-font-style-headings);
    line-height: 1.2;
    font-size: 2.2rem;
    text-align: left;
    display: block;
    --my-gutter-x: 30px;
    --my-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--my-gutter-x) * .5);
    padding-left: calc(var(--my-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto
  }

  header.fh.title-mobile .h-info .h-meta {
    display: none
  }
}

@media (max-width:1013.98px) and (min-width:552px) {

  header.fh.title-mobile .h-info .h-title,
  header.fh.title-mobile.lp-c .h-title>div {
    max-width: 540px
  }
}

@media (max-width:1013.98px) and (min-width:764px) {

  header.fh.title-mobile .h-info .h-title,
  header.fh.title-mobile.lp-c .h-title>div {
    max-width: 744px
  }
}

@media (max-width:1013.98px) {
  header.fh.title-mobile.title-left .h-title {
    text-align: left
  }

  header.fh.title-mobile.title-center .h-title {
    text-align: center
  }

  header.fh.title-mobile.title-right .h-title {
    text-align: right
  }
}

@media (min-width:1014px) {
  header.fh .head {
    display: flex;
    flex-direction: column
  }

  header.fh .header-group {
    border-bottom: 1px solid #ddd
  }

  header.fh .h-logo {
    order: 4;
    display: flex;
    align-items: flex-end;
    width: 100%
  }

  header.fh .h-logo>a.imglink {
    width: 100%;
    display: block
  }

  header.fh .h-group {
    order: 6;
    display: flex;
    position: relative;
    padding-right: 0;
    padding-left: 0
  }

  header.fh .h-info {
    order: 6;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%
  }

  header.fh .h-info>.h-nav {
    align-items: flex-end
  }

  header.fh .h-info>.h-title {
    color: #555;
    background-color: transparent
  }

  header.fh.lp-l .h-info {
    padding-right: 15px
  }

  header.fh.lp-c .header-group .h-logo {
    margin-right: auto;
    margin-left: auto;
    flex: 0 0 auto
  }

  header.fh.lp-r .h-info {
    order: 3
  }

  header.fh.lp-r .h-info .h-meta,
  header.fh.lp-r .h-info .h-title {
    padding-left: 15px
  }

  header.fh .h-meta {
    order: 8;
    display: flex;
    flex-grow: 0;
    flex-basis: auto;
    flex-direction: column;
    padding-top: .5rem
  }

  header.fh .h-meta .header-links {
    display: flex;
    flex-basis: auto
  }

  header.fh.meta-left .header-links {
    justify-content: flex-start
  }

  header.fh.meta-left .h-info .h-meta {
    padding-left: 15px
  }

  header.fh.meta-center .header-links {
    justify-content: center
  }

  header.fh.meta-right .header-links {
    justify-content: flex-end
  }

  header.fh.meta-above .h-meta {
    order: 1
  }

  header.fh .h-title {
    order: 10;
    display: flex;
    flex-direction: column;
    flex-basis: auto;
    flex-grow: 1000;
    font-weight: var(--my-font-weight-headings);
    font-family: var(--my-font-family-headings);
    font-style: var(--my-font-style-headings);
    padding-top: var(--my-default-margin-verysmall);
    padding-bottom: var(--my-default-margin-verysmall);
    color: #555;
    font-size: 2rem;
    line-height: 1.2;
    width: 100%
  }

  header.fh.title-top .h-title {
    justify-content: flex-start
  }

  header.fh.title-middle .h-title {
    justify-content: center
  }

  header.fh.title-bottom .h-title {
    justify-content: flex-end
  }

  header.fh.title-bottom.nav-aside .h-nav {
    padding-top: var(--my-default-margin-verysmall)
  }

  header.fh.lp-r.title-default .h-title,
  header.fh.title-left .h-title {
    align-self: flex-start;
    text-align: left
  }

  header.fh.lp-r.title-default .h-info .h-title,
  header.fh.title-left .h-info .h-title {
    padding-left: 15px
  }

  header.fh.lp-c.title-default .h-title,
  header.fh.title-center .h-title {
    align-self: center;
    text-align: center
  }

  header.fh.lp-l.title-default .h-title,
  header.fh.title-right .h-title {
    align-self: flex-end;
    text-align: right
  }

  header.fh .h-nav {
    order: 15;
    display: flex;
    flex-grow: 1;
    width: 100%
  }

  header.fh .h-nav>.co-lg-xl {
    display: flex
  }

  header.fh .nav-main-container {
    flex-basis: auto;
    flex-grow: 1
  }

  header.fh.nav-only .h-info {
    justify-content: flex-end
  }

  header.fh.nav-left .h-info .h-nav,
  header.fh.nav-left .h-nav .co-lg-xl {
    padding-left: 1px
  }

  header.fh.nav-left .nav-main-items {
    justify-content: flex-start
  }

  header.fh.nav-left .nav-main-items>li>.nav-menu {
    left: -6px
  }

  header.fh.nav-below .h-nav {
    flex-basis: auto
  }

  header.fh.nav-disp-reduced .nav-main-items>li>a {
    padding-left: 11px;
    padding-right: 11px
  }

  header.fh.nav-disp-reduced .nav-main-items>li>a::after {
    right: 0
  }

  header.fh.nav-disp-reduced .nav-main-items>li>.nav-menu {
    left: -9px
  }

  header.fh.nav-disp-big.nav-left .h-info .h-nav .nav-main-items>li>a,
  header.fh.nav-disp-big.nav-left .h-nav .co-lg-xl .nav-main-items>li>a,
  header.fh.nav-disp-default.nav-left .h-info .h-nav .nav-main-items>li>a,
  header.fh.nav-disp-default.nav-left .h-nav .co-lg-xl .nav-main-items>li>a {
    padding-right: 26px
  }

  header.fh.nav-disp-big.nav-left .h-info .h-nav .nav-main-items>li>a::after,
  header.fh.nav-disp-big.nav-left .h-nav .co-lg-xl .nav-main-items>li>a::after,
  header.fh.nav-disp-default.nav-left .h-info .h-nav .nav-main-items>li>a::after,
  header.fh.nav-disp-default.nav-left .h-nav .co-lg-xl .nav-main-items>li>a::after {
    right: 12px
  }

  header.fh.nav-disp-big.nav-center .nav-main-items>li>a,
  header.fh.nav-disp-big.nav-right .nav-main-items>li>a,
  header.fh.nav-disp-default.nav-center .nav-main-items>li>a,
  header.fh.nav-disp-default.nav-right .nav-main-items>li>a {
    padding-left: 26px
  }

  header.fh.nav-disp-big.nav-center .nav-main-items>li>.nav-menu,
  header.fh.nav-disp-big.nav-right .nav-main-items>li>.nav-menu,
  header.fh.nav-disp-default.nav-center .nav-main-items>li>.nav-menu,
  header.fh.nav-disp-default.nav-right .nav-main-items>li>.nav-menu {
    left: 6px
  }

  header.fh.nav-center .nav-main-items>li.nav-first>a,
  header.fh.nav-right .nav-main-items>li.nav-first>a {
    padding-left: 0
  }

  header.fh.nav-center .nav-main-items>li.nav-first>.nav-menu,
  header.fh.nav-right .nav-main-items>li.nav-first>.nav-menu {
    left: -20px
  }

  header.fh.nav-center .nav-main-items {
    justify-content: center
  }

  header.fh.nav-center .nav-main-items>li:first-of-type>a {
    padding-left: 0
  }

  header.fh.nav-disp-big .nav-main-items>li>a {
    font-size: 19px
  }

  header.fh .h-ac {
    display: block;
    order: 20;
    width: 100%;
    background-color: #b31b34
  }

  header.fh .h-ac .co-lg-xl>div>.element,
  header.fh .h-ac>div>.element {
    margin-bottom: 0
  }

  header.fh.header-isfixed:not(.fix-ac) .h-ac {
    display: none
  }

  header.fh.ac-above-logo .h-ac {
    order: 2
  }

  header.fh.ac-above-logo.ac-full-size .h-ac {
    margin-top: 0
  }

  header.fh.ac-below-logo .h-ac {
    order: 12
  }

  header.fh.ac-below-logo.nav-below:not(.lp-c) {
    padding-top: 5px
  }

  header.fh .type-nav-breadcrumbs {
    display: flex
  }

  header.fh.bc-right .type-nav-breadcrumbs {
    justify-content: flex-end
  }

  header.fh.bc-center .type-nav-breadcrumbs {
    justify-content: center
  }

  header.fh.lp-c.np-always.nav-below .h-logo,
  header.fh.lp-c.np-fixed.header-isfixed .h-logo {
    padding-bottom: 0
  }

  header.fh.lp-c .h-meta {
    order: 0
  }

  header.fh.lp-c .h-title {
    order: 1
  }

  header.fh.lp-c.title-bottom .h-title {
    order: 10
  }

  header.fh.lp-c.title-top .h-title {
    order: -1
  }

  header.fh.pad-no .h-logo {
    padding-top: 0;
    padding-bottom: 0
  }

  header.fh.pad-sm .h-logo {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  header.fh.pad-sm .h-meta {
    padding-top: .5rem;
    padding-bottom: 0
  }

  header.fh.pad-sm.lp-c .h-logo,
  header.fh.pad-sm.lp-c .h-title {
    padding-top: .5rem;
    padding-bottom: 0
  }

  header.fh.pad-sm.lp-c.ls-0 .h-title {
    padding-bottom: .5rem
  }

  header.fh.pad-sm.lp-c .h-ac {
    margin-top: .5rem
  }

  header.fh.pad-md .h-logo {
    padding-top: 1rem;
    padding-bottom: 1rem
  }

  header.fh.pad-md .h-meta {
    padding-top: 1rem;
    padding-bottom: 0
  }

  header.fh.pad-md.lp-c .h-logo,
  header.fh.pad-md.lp-c .h-title {
    padding-top: 1rem;
    padding-bottom: 0
  }

  header.fh.pad-md.lp-c.ls-0 .h-title {
    padding-bottom: 1rem
  }

  header.fh.pad-md.lp-c .h-ac {
    margin-top: 1rem
  }

  header.fh.pad-md.header-isfixed.fix-complete .h-nav,
  header.fh.pad-md.header-isfixed.ls-0.fix-compact .h-nav,
  header.fh.pad-md.header-notfixed .h-nav {
    padding-bottom: calc(1rem - 5px)
  }

  header.fh.pad-md.header-isfixed.fix-complete.nav-below .h-nav,
  header.fh.pad-md.header-isfixed.ls-0.fix-compact.nav-below .h-nav,
  header.fh.pad-md.header-notfixed.nav-below .h-nav {
    padding-top: 1rem
  }

  header.fh.pad-md.header-isfixed.fix-complete.nav-below.title-bottom .h-info .h-title,
  header.fh.pad-md.header-isfixed.ls-0.fix-compact.nav-below.title-bottom .h-info .h-title,
  header.fh.pad-md.header-notfixed.nav-below.title-bottom .h-info .h-title {
    padding-bottom: 1rem
  }

  header.fh.pad-lg .h-logo {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  header.fh.pad-lg .h-meta {
    padding-top: 2rem;
    padding-bottom: 0
  }

  header.fh.pad-lg.lp-c .h-logo,
  header.fh.pad-lg.lp-c .h-title {
    padding-top: 2rem;
    padding-bottom: 0
  }

  header.fh.pad-lg.lp-c.ls-0 .h-title {
    padding-bottom: 2rem
  }

  header.fh.pad-lg.lp-c .h-ac {
    margin-top: 2rem
  }

  header.fh.pad-lg.header-isfixed.fix-complete .h-nav,
  header.fh.pad-lg.header-isfixed.ls-0.fix-compact .h-nav,
  header.fh.pad-lg.header-notfixed .h-nav {
    padding-bottom: calc(2rem - 5px)
  }

  header.fh.pad-lg.header-isfixed.fix-complete.nav-below .h-nav,
  header.fh.pad-lg.header-isfixed.ls-0.fix-compact.nav-below .h-nav,
  header.fh.pad-lg.header-notfixed.nav-below .h-nav {
    padding-top: 2rem
  }

  header.fh.pad-lg.header-isfixed.fix-complete.nav-below.title-bottom .h-info .h-title,
  header.fh.pad-lg.header-isfixed.ls-0.fix-compact.nav-below.title-bottom .h-info .h-title,
  header.fh.pad-lg.header-notfixed.nav-below.title-bottom .h-info .h-title {
    padding-bottom: 2rem
  }

  header.fh.np-always.nav-below .h-nav,
  header.fh.np-fixed.header-isfixed.nav-below .h-nav {
    margin-top: -30px;
    z-index: 15;
    padding-top: 5px;
    background-color: rgba(255, 255, 255, .7)
  }

  header.fh.np-always.nav-below.lp-r .nav-main-items,
  header.fh.np-fixed.header-isfixed.nav-below.lp-r .nav-main-items {
    margin-right: 0
  }

  header.fh.np-always.nav-below.lp-l .nav-main-items,
  header.fh.np-fixed.header-isfixed.nav-below.lp-l .nav-main-items {
    margin-left: 0
  }

  header.fh.header-isfixed.fix-compact .h-title,
  header.fh.header-isfixed.fix-overlay .h-title {
    display: none
  }

  header.fh.header-isfixed.fix-compact .h-logo,
  header.fh.header-isfixed.fix-overlay .h-logo {
    padding-top: .5rem;
    padding-bottom: .5rem
  }

  header.fh.header-isfixed.fix-compact.padding-none .h-logo,
  header.fh.header-isfixed.fix-overlay.padding-none .h-logo {
    padding-top: 0;
    padding-bottom: 0
  }

  header.fh.header-isfixed.fix-compact.meta-above .h-meta {
    padding-top: .5rem
  }

  header.fh.header-isfixed.fix-overlay .h-meta {
    display: none
  }

  header.fh.header-isfixed.fix-overlay .h-logo {
    position: absolute;
    background-color: transparent;
    left: 0;
    z-index: 25
  }

  header.fh.header-isfixed.fix-overlay .h-logo::after,
  header.fh.header-isfixed.fix-overlay .h-logo::before {
    display: block;
    content: "";
    position: absolute;
    top: 25px;
    left: calc(15px - .5rem);
    width: calc(100% - 30px + 1rem);
    height: calc(100% - 25px);
    box-shadow: 0 8px 10px -4px rgba(0, 0, 0, .3);
    background-color: #fff
  }

  header.fh.header-isfixed.fix-overlay .h-logo::after {
    top: 0;
    height: 25px;
    box-shadow: none;
    z-index: -1
  }

  header.fh.header-isfixed.fix-overlay .h-nav {
    margin-top: 0;
    padding-top: 5px
  }

  header.fh.header-isfixed.fix-overlay.lp-r .h-logo {
    left: auto;
    right: 0
  }

  header.fh.header-isfixed.fix-overlay.lp-l .h-nav,
  header.fh.header-isfixed.fix-overlay.lp-l .h-nav>.co-lg-xl {
    justify-content: flex-end
  }

  header.fh.header-isfixed.fix-overlay.padding-none .h-logo::before {
    left: 15px;
    width: calc(100% - 30px)
  }
}

header.fh.ls-1 .h-logo {
  flex: 0 0 auto;
  width: 33.33333333%
}

header.fh.ls-1 .nav-main-mobile-logo .mobile-logolink {
  width: 52px;
  max-width: 100%
}

@media (min-width:552px) {
  header.fh.ls-1 .h-logo {
    flex: 0 0 82px;
    max-width: 82px
  }
}

@media (min-width:1014px) {
  header.fh.ls-1 .h-logo {
    flex: 0 0 82px;
    max-width: 82px
  }

  header.fh.ls-1.header-isfixed.fix-compact .h-logo {
    max-width: 63px
  }

  header.fh.ls-1.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 82px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-1 .h-logo {
    flex: 0 0 97px;
    max-width: 97px
  }

  header.fh.ls-1.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 97px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-1 .h-logo {
    flex: 0 0 109px;
    max-width: 109px
  }

  header.fh.ls-1.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 109px)
  }
}

header.fh.ls-2 .h-logo {
  flex: 0 0 auto;
  width: 41.66666667%
}

header.fh.ls-2 .nav-main-mobile-logo .mobile-logolink {
  width: 135px;
  max-width: 100%
}

@media (min-width:552px) {
  header.fh.ls-2 .h-logo {
    flex: 0 0 165px;
    max-width: 165px
  }
}

@media (min-width:1014px) {
  header.fh.ls-2 .h-logo {
    flex: 0 0 165px;
    max-width: 165px
  }

  header.fh.ls-2.header-isfixed.fix-compact .h-logo {
    max-width: 112px
  }

  header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 165px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-2 .h-logo {
    flex: 0 0 195px;
    max-width: 195px
  }

  header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 195px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-2 .h-logo {
    flex: 0 0 220px;
    max-width: 220px
  }

  header.fh.ls-2.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 220px)
  }
}

header.fh.ls-3 .h-logo {
  flex: 0 0 auto;
  width: 58.33333333%
}

header.fh.ls-3 .nav-main-mobile-logo .mobile-logolink {
  width: 218px;
  max-width: 100%
}

@media (min-width:552px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 248px;
    max-width: 248px
  }
}

@media (min-width:1014px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 248px;
    max-width: 248px
  }

  header.fh.ls-3.header-isfixed.fix-compact .h-logo {
    max-width: 161px
  }

  header.fh.ls-3.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 248px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 292px;
    max-width: 292px
  }

  header.fh.ls-3.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 292px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-3 .h-logo {
    flex: 0 0 330px;
    max-width: 330px
  }

  header.fh.ls-3.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 330px)
  }
}

header.fh.ls-4 .h-logo {
  flex: 0 0 auto;
  width: 75%
}

header.fh.ls-4 .nav-main-mobile-logo .mobile-logolink {
  width: 300px;
  max-width: 100%
}

@media (min-width:552px) {
  header.fh.ls-4 .h-logo {
    flex: 0 0 330px;
    max-width: 330px
  }
}

@media (min-width:1014px) {
  header.fh.ls-4 .h-logo {
    flex: 0 0 330px;
    max-width: 330px
  }

  header.fh.ls-4.header-isfixed.fix-compact .h-logo {
    max-width: 209px
  }

  header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 330px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-4 .h-logo {
    flex: 0 0 389px;
    max-width: 389px
  }

  header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 389px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-4 .h-logo {
    flex: 0 0 439px;
    max-width: 439px
  }

  header.fh.ls-4.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 439px)
  }
}

header.fh.ls-5 .h-logo {
  flex: 0 0 auto;
  width: 75%
}

header.fh.ls-5 .nav-main-mobile-logo .mobile-logolink {
  width: 383px;
  max-width: 100%
}

@media (min-width:552px) {
  header.fh.ls-5 .h-logo {
    flex: 0 0 413px;
    max-width: 413px
  }
}

@media (min-width:1014px) {
  header.fh.ls-5 .h-logo {
    flex: 0 0 413px;
    max-width: 413px
  }

  header.fh.ls-5.header-isfixed.fix-compact .h-logo {
    max-width: 258px
  }

  header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 413px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-5 .h-logo {
    flex: 0 0 487px;
    max-width: 487px
  }

  header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 487px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-5 .h-logo {
    flex: 0 0 550px;
    max-width: 550px
  }

  header.fh.ls-5.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 550px)
  }
}

header.fh.ls-6 .h-logo {
  flex: 0 0 auto;
  width: 75%
}

@media (min-width:552px) {
  header.fh.ls-6 .h-logo {
    flex: 0 0 496px;
    max-width: 496px
  }
}

@media (min-width:1014px) {
  header.fh.ls-6 .h-logo {
    flex: 0 0 496px;
    max-width: 496px
  }

  header.fh.ls-6.header-isfixed.fix-compact .h-logo {
    max-width: 307px
  }

  header.fh.ls-6.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 496px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-6 .h-logo {
    flex: 0 0 585px;
    max-width: 585px
  }

  header.fh.ls-6.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 585px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-6 .h-logo {
    flex: 0 0 660px;
    max-width: 660px
  }

  header.fh.ls-6.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 660px)
  }
}

header.fh.ls-12 .h-logo {
  flex: 0 0 auto;
  width: 100%
}

@media (min-width:552px) {
  header.fh.ls-12 .h-logo {
    flex: 0 0 auto;
    width: 100%
  }
}

@media (min-width:1014px) {
  header.fh.ls-12 .h-logo {
    flex: 0 0 992px;
    max-width: 992px
  }

  header.fh.ls-12.header-isfixed.fix-compact .h-logo {
    max-width: 600px
  }

  header.fh.ls-12.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 992px)
  }
}

@media (min-width:1200px) {
  header.fh.ls-12 .h-logo {
    flex: 0 0 1170px;
    max-width: 1170px
  }

  header.fh.ls-12.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 1170px)
  }
}

@media (min-width:1400px) {
  header.fh.ls-12 .h-logo {
    flex: 0 0 1320px;
    max-width: 1320px
  }

  header.fh.ls-12.header-isfixed.fix-overlay .nav-main-container {
    max-width: calc(100% - 1320px)
  }
}

header.fh.ls-0 .h-logo {
  display: none
}

header.fh.ls-0 .nav-main-mobile-logo {
  min-height: calc(55px + 6px)
}

.area-header {
  margin-bottom: 2rem
}

.area-header.no-margin {
  margin-bottom: 0
}

.area-header .type-nav-breadcrumbs.element {
  margin-bottom: 0
}

.area-header .header-links {
  margin: 0
}

.area-header .header-links.oc-small-element {
  min-height: auto !important
}

.area-header .header-links>ul {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  font-size: 1.3rem
}

.area-header .header-links>ul>li:not(:last-child)::after {
  border-right-color: #ddd
}

.area-header .header-links>ul>li>a {
  color: #555;
  text-transform: uppercase
}

.area-header .header-links>ul>li>a:hover {
  text-decoration: none;
  color: #555
}

.area-header .header-links.cap-none>ul>li>a {
  text-transform: none
}

.type-header-config {
  background-color: #eed2ee;
  color: #555 !important;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  line-height: 30px
}

.area-header.logo-left .header-links,
.area-header.logo-left .header-title {
  display: none
}

.area-header.logo-left .col-head-logo {
  padding-top: var(--my-default-margin-verysmall);
  padding-bottom: var(--my-default-margin-verysmall);
  flex: 0 0 auto;
  width: 75%;
  max-width: 270px
}

.area-header.logo-left .visual-top-bg {
  background-color: #b31b34
}

@media (max-width:1013.98px) {

  .area-header.logo-left .mega .nav-mega-menu .element:not(.type-nav-side):not(.ls-navigation),
  .area-header.logo-left .mega .nav-mega-menu .teaser {
    display: none
  }

  .area-header.logo-left .mega .nav-mega-menu>.row>div {
    max-width: none;
    flex: none
  }
}

@media (min-width:552px) {
  .area-header.logo-left .col-head-logo {
    flex: 0 0 auto;
    width: 50%
  }

  .area-header.logo-left .col-head-logo .header-image {
    max-width: none
  }
}

@media (min-width:764px) {
  .area-header.logo-left .col-head-logo {
    flex: 0 0 auto;
    width: 41.66666667%
  }
}

@media (min-width:1014px) {
  .area-header.logo-left .col-head-logo {
    flex: 0 0 auto;
    width: 33.33333333%
  }

  .area-header.logo-left .col-head-logo .header-image {
    max-width: none
  }

  .area-header.logo-left .isfixed .col-head-logo {
    max-width: 250px
  }

  .area-header.logo-left .isfixed .visual-top-bg {
    display: none
  }

  .area-header.logo-left .isfixed .pull-up-fixed {
    margin-top: -25px
  }

  .area-header.logo-left .header-group {
    border-bottom: 1px solid #ddd
  }

  .area-header.logo-left .header-links,
  .area-header.logo-left .header-title,
  .area-header.logo-left .nav-main-container {
    display: flex;
    align-self: flex-end;
    flex-direction: column
  }

  .area-header.logo-left .col-head-info {
    padding-top: var(--my-default-margin-verysmall);
    padding-left: 0;
    display: flex;
    flex-direction: column
  }

  .area-header.logo-left .header-title {
    font-weight: var(--my-font-weight-headings);
    font-family: var(--my-font-family-headings);
    font-style: var(--my-font-style-headings);
    padding-top: var(--my-default-margin-verysmall);
    padding-bottom: var(--my-default-margin-verysmall);
    flex-basis: auto;
    flex-grow: 10;
    justify-content: center;
    font-size: 2rem;
    line-height: 1;
    text-align: right
  }

  .area-header.logo-left .nav-main-container {
    flex-basis: auto;
    flex-grow: 1;
    display: flex;
    justify-content: flex-end
  }

  .area-header.logo-left .nav-main-items>li>a {
    padding: 0 20px 5px 20px
  }

  .area-header.logo-left .nav-main-items>li>a::after {
    right: 5px
  }

  .area-header.logo-left .nav-main-items>li>.nav-menu {
    left: 0
  }
}

@keyframes fixHeader {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0)
  }

  to {
    opacity: .97;
    transform: none
  }
}

.head {
  background: #fff
}

@media (min-width:764px) {
  .area-header {
    position: relative
  }

  .area-header .head {
    position: relative;
    min-height: 25px
  }

  .area-header .sticky>.isfixed .hidden-fixed,
  .area-header .sticky>.notfixed .hidden-notfixed {
    display: none
  }

  .area-header .sticky.always>.isfixed,
  .area-header .sticky.csssetting>.isfixed,
  .area-header .sticky.upscroll>.isfixed {
    position: fixed;
    top: 0;
    padding-top: 0;
    width: 100%;
    z-index: 150000;
    animation-duration: 1s;
    animation-name: fixHeader;
    opacity: .97;
    background-color: #fff;
    box-shadow: 0 0 10px 1px rgba(0, 0, 0, .3)
  }

  html.opencms-page-editor .area-header .sticky.always>.isfixed,
  html.opencms-page-editor .area-header .sticky.csssetting>.isfixed,
  html.opencms-page-editor .area-header .sticky.upscroll>.isfixed {
    padding-top: 52px
  }

  html.noscript .area-header .nav-main-items li.expand:hover>.nav-menu {
    display: block
  }
}

html.opencms-group-editor.opencms-page-editor .area-header .sticky>.isfixed .hidden-fixed,
html.opencms-group-editor.opencms-page-editor .area-header .sticky>.notfixed .hidden-notfixed {
  display: block;
  opacity: .5;
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
}

@media (max-width:1013.98px) {

  html.opencms-group-editor.opencms-page-editor .area-header .hidden-md,
  html.opencms-group-editor.opencms-page-editor .area-header .hidden-sm,
  html.opencms-group-editor.opencms-page-editor .area-header .hidden-xs {
    display: flex !important;
    opacity: .5;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
  }
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .h-nav {
  border-top: 4px solid #eed2ee !important;
  background-color: rgba(238, 210, 238, .75) !important
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .nav-main-container {
  position: static;
  height: auto;
  width: auto;
  right: auto;
  left: auto;
  opacity: initial;
  background-color: transparent;
  transition: none
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .nav-main-container .nav-main-group {
  display: block
}

html.opencms-group-editor.opencms-page-editor:not(.active-nav) .area-header.bh .nav-main-container .nav-main-group.has-sidelogo {
  padding-top: 0
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0 .h-logo,
html.opencms-group-editor.opencms-page-editor header.fh.ls-0 .h-logo {
  display: block;
  position: absolute;
  width: 125px;
  height: 25px;
  padding: 0;
  --my-link-color: #fff;
  --my-link-hover-color: #fff;
  --my-link-color-rgb: 255, 255, 255;
  --my-link-hover-color-rgb: 255, 255, 255;
  border-radius: 4px !important;
  color: #fff !important;
  background-color: #ffa826 !important;
  background: linear-gradient(166deg, #ffb240 0, #ff9e0d 100%) !important
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0 .h-logo a:hover,
html.opencms-group-editor.opencms-page-editor header.fh.ls-0 .h-logo a:hover {
  text-decoration: underline
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0 .h-logo>.no-image,
html.opencms-group-editor.opencms-page-editor header.fh.ls-0 .h-logo>.no-image {
  position: absolute;
  width: 125px;
  height: 25px;
  right: 0;
  padding-bottom: 0 !important
}

html.opencms-group-editor.opencms-page-editor header.fh.ls-0.title-left .h-logo {
  right: 0
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0.lp-r .h-logo-col {
  position: relative
}

html.opencms-group-editor.opencms-page-editor header.bh.ls-0.lp-r .h-logo {
  right: 0
}

html.opencms-group-editor .area-header {
  margin-bottom: 0
}

@media screen {

  img.lazyload,
  img.lazyloading {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' version='1' viewBox='0 0 16 16'%3E%3Cstyle%3E@keyframes kr%7Bfrom%7Btransform: rotate(0)%7Dto%7Btransform: rotate(360deg)%7D%7D%3C/style%3E%3Cg style='animation-name:kr;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:50%25 50%25;width:16px;height:16px'%3E%3Cpath fill='none' stroke='%23000' stroke-dasharray='32.4' stroke-linecap='round' stroke-width='2.1' d='M8 1.125A6.875 6.875 0 1 1 1.125 8' style='animation-name:kr;animation-duration:1.33s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform-origin:50%25 50%25'/%3E%3C/g%3E%3C/svg%3E") no-repeat scroll 50% 50% #f6f6f6;
    background-size: 24px 24px;
    background-color: #f6f6f6;
    box-shadow: 0 0 1px rgba(0, 0, 0, .3) inset;
    opacity: .25
  }
}

img.lazyloaded {
  background: initial;
  box-shadow: initial
}

aside img.lazyloaded,
main img.lazyloaded {
  opacity: 1;
  transition: opacity .3s
}

.image-src-box {
  width: 100%
}

.image-src-box .img,
.image-src-box img {
  width: 100%
}

.image-src-box .img.external,
.image-src-box img.external {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center
}

.image-src-box.original-size,
.image-src-box.presized {
  position: relative
}

.image-src-box.original-size>.copyright.image-copyright,
.image-src-box.presized>.copyright.image-copyright {
  position: absolute;
  line-height: 1;
  padding: var(--my-copyright-padding);
  font-family: var(--my-copyright-font-family);
  font-size: var(--my-copyright-font-size);
  border-radius: var(--my-copyright-border-radius);
  text-align: var(--my-copyright-pos-right, right);
  right: var(--my-copyright-pos-right, 0);
  text-shadow: var(--my-copyright-text-shadow, none);
  display: inline-block;
  color: var(--my-copyright-color);
  background-color: var(--my-copyright-bg-color);
  opacity: var(--my-copyright-opacity);
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
  box-shadow: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.image-src-box.presized {
  height: 0;
  display: block
}

.image-src-box.presized .img,
.image-src-box.presized img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}

.image-src-box.original-size .img,
.image-src-box.original-size img {
  height: auto
}

.svg-inline.img>svg {
  width: 100%;
  height: auto
}

.svg-inline.img.fill-body-color>svg {
  fill: var(--my-body-color)
}

.svg-inline.img.fill-theme-color>svg {
  fill: var(--my-main-theme)
}

span.ico {
  -webkit-text-stroke: 1px;
}

.ico-img,
.ico-svg {
  display: inline-block;
  line-height: 1
}

.ico-img>img {
  vertical-align: bottom;
  height: 1em;
  width: auto
}

.ico-bi-chevron-bar-right.ico-svg>svg,
.ico-bi-chevron-bar-left.ico-svg>svg {
  stroke: #2c8096
}

.ico-svg>svg {
  /*stroke: #2c8096;*/
  stroke-width: 1.6px;
  vertical-align: bottom;
  fill: currentColor;
  height: 1em;
  width: auto
}

/*! PhotoSwipe main CSS by Dmytro Semenov | photoswipe.com */
.pswp {
  --pswp-bg: #000;
  --pswp-placeholder-bg: #222;
  --pswp-root-z-index: 100000;
  --pswp-preloader-color: rgba(79, 79, 79, 0.4);
  --pswp-preloader-color-secondary: rgba(255, 255, 255, 0.9);
  --pswp-icon-color: #fff;
  --pswp-icon-color-secondary: #4f4f4f;
  --pswp-icon-stroke-color: #4f4f4f;
  --pswp-icon-stroke-width: 2px;
  --pswp-error-text-color: var(--pswp-icon-color)
}

.pswp {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: var(--pswp-root-z-index);
  display: none;
  touch-action: none;
  outline: 0;
  opacity: .003;
  contain: layout style size;
  -webkit-tap-highlight-color: transparent
}

.pswp:focus {
  outline: 0
}

.pswp * {
  box-sizing: border-box
}

.pswp img {
  max-width: none
}

.pswp--open {
  display: block
}

.pswp,
.pswp__bg {
  transform: translateZ(0);
  will-change: opacity
}

.pswp__bg {
  opacity: .005;
  background: var(--pswp-bg)
}

.pswp,
.pswp__scroll-wrap {
  overflow: hidden
}

.pswp__bg,
.pswp__container,
.pswp__content,
.pswp__img,
.pswp__item,
.pswp__scroll-wrap,
.pswp__zoom-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.pswp__img,
.pswp__zoom-wrap {
  width: auto;
  height: auto
}

.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img {
  cursor: zoom-in
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img {
  cursor: move;
  cursor: grab
}

.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active {
  cursor: grabbing
}

.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,
.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,
.pswp__img {
  cursor: zoom-out
}

.pswp__button,
.pswp__container,
.pswp__counter,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.pswp__item {
  z-index: 1;
  overflow: hidden
}

.pswp__hidden {
  display: none !important
}

.pswp__content {
  pointer-events: none
}

.pswp__content>* {
  pointer-events: auto
}

.pswp__error-msg-container {
  display: grid
}

.pswp__error-msg {
  margin: auto;
  font-size: 1em;
  line-height: 1;
  color: var(--pswp-error-text-color)
}

.pswp .pswp__hide-on-close {
  opacity: .005;
  will-change: opacity;
  transition: opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);
  z-index: 10;
  pointer-events: none
}

.pswp--ui-visible .pswp__hide-on-close {
  opacity: 1;
  pointer-events: auto
}

.pswp__button {
  position: relative;
  display: block;
  width: 50px;
  height: 60px;
  padding: 0;
  margin: 0;
  overflow: hidden;
  cursor: pointer;
  background: 0 0;
  border: 0;
  box-shadow: none;
  opacity: .85;
  -webkit-appearance: none;
  -webkit-touch-callout: none
}

.pswp__button:active,
.pswp__button:focus,
.pswp__button:hover {
  transition: none;
  padding: 0;
  background: 0 0;
  border: 0;
  box-shadow: none;
  opacity: 1
}

.pswp__button:disabled {
  opacity: .3;
  cursor: auto
}

.pswp__icn {
  fill: var(--pswp-icon-color);
  color: var(--pswp-icon-color-secondary)
}

.pswp__icn {
  position: absolute;
  top: 14px;
  left: 9px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  pointer-events: none
}

.pswp__icn-shadow {
  stroke: var(--pswp-icon-stroke-color);
  stroke-width: var(--pswp-icon-stroke-width);
  fill: none
}

.pswp__icn:focus {
  outline: 0
}

.pswp__img--with-bg,
div.pswp__img--placeholder {
  background: var(--pswp-placeholder-bg)
}

.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  z-index: 10;
  pointer-events: none !important
}

.pswp__top-bar>* {
  pointer-events: auto;
  will-change: opacity
}

.pswp__button--close {
  margin-right: 6px
}

.pswp__button--arrow {
  position: absolute;
  top: 0;
  width: 75px;
  height: 100px;
  top: 50%;
  margin-top: -50px
}

.pswp__button--arrow:disabled {
  display: none;
  cursor: default
}

.pswp__button--arrow .pswp__icn {
  top: 50%;
  margin-top: -30px;
  width: 60px;
  height: 60px;
  background: 0 0;
  border-radius: 0
}

.pswp--one-slide .pswp__button--arrow {
  display: none
}

.pswp--touch .pswp__button--arrow {
  visibility: hidden
}

.pswp--has_mouse .pswp__button--arrow {
  visibility: visible
}

.pswp__button--arrow--prev {
  right: auto;
  left: 0
}

.pswp__button--arrow--next {
  right: 0
}

.pswp__button--arrow--next .pswp__icn {
  left: auto;
  right: 14px;
  transform: scale(-1, 1)
}

.pswp__button--zoom {
  display: none
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block
}

.pswp--zoomed-in .pswp__zoom-icn-bar-v {
  display: none
}

.pswp__preloader {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 60px;
  margin-right: auto
}

.pswp__preloader .pswp__icn {
  opacity: 0;
  transition: opacity .2s linear;
  animation: pswp-clockwise .6s linear infinite
}

.pswp__preloader--active .pswp__icn {
  opacity: .85
}

@keyframes pswp-clockwise {
  0% {
    transform: rotate(0)
  }

  100% {
    transform: rotate(360deg)
  }
}

.pswp__counter {
  height: 30px;
  margin: 15px 0 0 20px;
  font-size: 14px;
  line-height: 30px;
  color: var(--pswp-icon-color);
  text-shadow: 1px 1px 3px var(--pswp-icon-color-secondary);
  opacity: .85
}

.pswp--one-slide .pswp__counter {
  display: none
}

.type-imageseries.element .images {
  font-weight: 600
}

.type-imageseries>.series {
  position: relative
}

.type-imageseries>.series>button.btn {
  margin-top: 4px;
  margin-left: 2px;
  margin-right: 2px;
  width: calc(100% - 4px)
}

.type-imageseries>.series .imagedata {
  display: none
}

.type-imageseries.slide-list>.series,
.type-imageseries.square-list>.series {
  margin-left: -2px;
  margin-right: -2px
}

.type-imageseries.slide-list>.series>.images,
.type-imageseries.square-list>.series>.images {
  --my-sq-margin: 2px;
  margin-top: -2px;
  margin-bottom: -2px
}

.type-imageseries.slide-list .image-col .wrapper {
  display: flex;
  height: 100%;
  width: 100%;
  position: relative;
  overflow: hidden;
  border: 0 solid var(--my-grey);
  border-radius: var(--my-image-border-radius)
}

.type-imageseries.slide-list .image-col .zoom-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--my-grey-light)
}

.type-imageseries.slide-list .image-col img {
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%;
  width: 100%;
  max-height: 100%;
  max-width: 100%
}

.type-imageseries.masonry-list .row.images {
  margin-bottom: 0
}

.type-imageseries.detail-page>.detail-content,
.type-imageseries.detail-page>.series {
  margin-top: var(--my-detail-content-spacer-y)
}

.type-imageseries.detail-page>.detail-visual.no-info+.detail-content,
.type-imageseries.detail-page>.detail-visual.no-info+.series {
  margin-top: 0
}

.type-imageseries.detail-page.only-series>.series {
  margin-top: 0
}

.type-imageseries .effect-box {
  position: relative
}

.type-imageseries .effect-box .centered {
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 16px;
  bottom: 12px;
  text-shadow: 1px 1px 1px #000;
  font-size: 20px;
  pointer-events: none;
  z-index: 7
}

.type-imageseries .image-col .content {
  border-radius: var(--my-image-border-radius)
}

.type-imageseries .image-col .copyright {
  line-height: 1;
  padding: var(--my-copyright-padding);
  font-family: var(--my-copyright-font-family);
  font-size: var(--my-copyright-font-size);
  border-radius: var(--my-copyright-border-radius);
  text-align: var(--my-copyright-pos-right, right);
  right: var(--my-copyright-pos-right, 0);
  text-shadow: var(--my-copyright-text-shadow, none);
  display: inline-block;
  color: var(--my-copyright-color);
  background-color: var(--my-copyright-bg-color);
  opacity: var(--my-copyright-opacity);
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
  box-shadow: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.type-imageseries .tile-col {
  display: flex
}

.type-imageseries .tile-col .zoom {
  position: relative;
  width: 100%
}

.type-imageseries .btn-append {
  display: block;
  width: 100%
}

html.noscript .type-imageseries .series {
  display: none
}

.pswp {
  --pswp-root-z-index: 300000;
  --pswp-placeholder-bg: none
}

.pswp .pswp__caption {
  position: absolute;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  width: 100vw;
  display: flex;
  justify-content: center
}

.pswp .caption-wrapper {
  text-align: center;
  border-radius: var(--my-border-radius);
  max-width: calc(100% - 2 * var(--my-default-margin-small));
  padding: var(--my-default-margin-verysmall) var(--my-default-margin-small);
  background-color: rgba(0, 0, 0, .5)
}

.pswp .title {
  color: #eee;
  font-family: var(--my-font-family-headings);
  font-weight: var(--my-font-weight-headings);
  font-size: 1.8rem;
  line-height: 1.25;
  text-shadow: 1px 1px 1px #000
}

.pswp .copyright {
  color: #eee;
  font-size: 1.1rem;
  line-height: 1.2;
  text-shadow: 1px 1px 1px #000
}

@media (min-width:552px) {
  .pswp .pswp__caption {
    max-width: 90%
  }
}

.comein {
  transform: translateY(120px);
  animation: come-in .8s ease forwards
}

.comein:nth-child(2n) {
  transform: translateY(150px);
  animation-duration: 1s
}

@keyframes come-in {
  to {
    transform: translateY(0)
  }
}

.zoom:hover .zoom-overlay .zoom-icon,
html.keyboard-nav a:focus .zoom-overlay .zoom-icon {
  opacity: 1;
  transform: scale(1);
  border: 0;
  box-shadow: none
}

.zoom-overlay {
  cursor: zoom-in;
  position: relative;
  display: block;
  width: 100%;
  transition: all .1s ease-in-out 0s
}

.zoom-overlay .zoom-icon {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transform: scale(0);
  transition: all .4s ease-in-out 0s;
  z-index: 100;
  background-color: rgba(0, 0, 0, .5)
}

.zoom-overlay .zoom-icon:before {
  background: 0 0
}

.zoom-overlay .zoom-icon:after {
  background: 0 0
}

.zoom-overlay .zoom-icon span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  font-size: 30px;
  color: #fff
}

.square-col .zoom-overlay {
  height: 100%
}

.effect-box .zoomer,
.effect-piece .zoomer {
  position: relative;
  z-index: 1
}

.effect-box .zoomer::after,
.effect-piece .zoomer::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f002";
  display: inline-block;
  color: #fff;
  position: absolute;
  right: 16px;
  bottom: 12px;
  text-shadow: 1px 1px 1px #000;
  font-size: 20px;
  pointer-events: none;
  z-index: 7
}

.image-src-box,
.image-src-box>img,
.zoom-overlay .zoom-icon {
  border-radius: var(--my-image-border-radius)
}

.effect-box .zoomer img {
  cursor: zoom-in
}

a .effect-box .zoomer .img,
a .effect-box .zoomer img {
  cursor: pointer
}

a .effect-box::after {
  content: ""
}

.area-header.ac-full-size .h-ac .element.tile-col .content-box,
.area-header.ac-full-size .h-ac .element.tile-col .image-src-box,
.area-header.ac-full-size .h-ac .piece.full .image-src-box,
.area-header.ac-full-size .h-ac .type-slider .image-src-box,
.area-header.ac-full-size .h-ac .type-slider .slide-wrapper,
.area-header.ac-full-size .h-ac .type-slider .slider-box,
.area-wide.area-full-row .element.tile-col .content-box,
.area-wide.area-full-row .element.tile-col .image-src-box,
.area-wide.area-full-row .piece.full .image-src-box,
.area-wide.area-full-row .type-slider .image-src-box,
.area-wide.area-full-row .type-slider .slide-wrapper,
.area-wide.area-full-row .type-slider .slider-box {
  position: relative;
  border-radius: 0
}

.area-header.ac-full-size .h-ac .element.tile-col .image-src-box img,
.area-header.ac-full-size .h-ac .piece.full .image-src-box img,
.area-header.ac-full-size .h-ac .type-slider .slide-wrapper img,
.area-wide.area-full-row .element.tile-col .image-src-box img,
.area-wide.area-full-row .piece.full .image-src-box img,
.area-wide.area-full-row .type-slider .slide-wrapper img {
  border-radius: 0
}

.image-src-box>img {
  overflow: hidden
}

.ls-bullets.custom-icon li,
.ls-bullets.default-icon li,
.ls-bullets.line-icon li,
.ls-navigation.custom-icon li a,
.ls-navigation.default-icon li a,
.ls-navigation.line-icon li a,
.ls-row.custom-icon li,
.ls-row.default-icon li {
  padding-left: calc(var(--my-ls-li-padding))
}

.ls-bullets.custom-icon li::before,
.ls-bullets.default-icon li::before,
.ls-bullets.line-icon li::before,
.ls-navigation.custom-icon li a::before,
.ls-navigation.default-icon li a::before,
.ls-navigation.line-icon li a::before,
.ls-row.custom-icon li::before,
.ls-row.default-icon li::before {
  float: left;
  margin-left: calc(-1 * var(--my-ls-li-padding));
  display: inline-block;
  line-height: 1.4
}

.ls-bullets.custom-icon li::before,
.ls-navigation.custom-icon li a::before,
.ls-row.custom-icon li::before {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: inherit;
  line-height: inherit
}

.ls-bullets.default-icon li::before,
.ls-navigation.default-icon li a::before,
.ls-row.default-icon li::before {
  font-family: sans-serif;
  font-size: inherit;
  content: "•"
}

.ls-bullets.line-icon li::before,
.ls-navigation.line-icon li a::before {
  font-family: sans-serif;
  content: "|"
}

.type-linksequence {
  --my-ls-li-padding: calc(2.5 * var(--my-paragraph-margin-bottom));
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.ls-bullets ul,
.ls-row ul {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.ls-row {
  --my-ls-row-spacing: calc(2 * var(--my-paragraph-margin-bottom))
}

.ls-row li {
  display: inline-block;
  list-style: outside none none;
  position: relative
}

.ls-row.line-icon li:not(:last-child)::after {
  content: "|";
  margin: 0 calc(.5 * var(--my-ls-row-spacing))
}

.ls-row.no-icon li:not(:last-child) {
  margin-right: var(--my-ls-row-spacing)
}

.ls-row.custom-icon li::before,
.ls-row.default-icon li::before {
  float: none;
  padding-right: calc(.5 * var(--my-ls-row-spacing))
}

.ls-row.custom-icon li+li,
.ls-row.default-icon li+li {
  padding-left: var(--my-ls-row-spacing)
}

.ls-row.custom-icon li+li::before,
.ls-row.default-icon li+li::before {
  margin-left: 0
}

.ls-icon+span {
  --my-ls-row-spacing: calc(2 * var(--my-paragraph-margin-bottom));
  margin-left: var(--my-ws-margin)
}

.type-map {
  --my-map-popup-color: #555;
  --my-map-popup-bg: #fff
}

.type-map .mapbuttons {
  margin-top: var(--my-default-margin-small)
}

.type-map .mapbuttons .btn {
  margin-top: var(--my-default-margin-verysmall);
  margin-right: var(--my-default-margin-verysmall)
}

.type-map .presized:not(.enlarged) {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden
}

.type-map .presized:not(.enlarged) .mapwindow {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: var(--my-border-radius);
  overflow: hidden;
  z-index: 5
}

.type-map .presized:not(.enlarged) .mapwindow.placeholder::after {
  content: "\f279"
}

.type-map .presized.enlarged {
  padding-bottom: 0 !important
}

.type-map .map-marker {
  color: var(--my-map-popup-color);
  font-size: 1.4rem;
  font-weight: 300
}

.type-map .map-marker .markhead {
  font-family: var(--my-font-family-headings);
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: var(--my-default-margin-verysmall)
}

.type-map .map-marker .marktxt {
  line-height: 1.2
}

.type-map .map-marker .markroute .head {
  margin-top: 5px
}

.type-map .map-marker .markroute .btn {
  margin-top: 5px
}

.type-map .map-marker .markroute .form-control {
  margin-top: 5px;
  height: 27px;
  padding: 3px 6px
}

.map-osm .mapboxgl-map,
.map-osm .mapboxgl-popup-content {
  color: var(--my-map-popup-color);
  background-color: var(--my-map-popup-bg);
  font-family: var(--my-body-font-family);
  font-weight: var(--my-body-font-weight);
  font-size: 1rem;
  line-height: 1.2
}

.map-osm .mapboxgl-popup-anchor-top .mapboxgl-popup-tip,
.map-osm .mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,
.map-osm .mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
  border-bottom-color: var(--my-map-popup-bg)
}

.map-osm .mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,
.map-osm .mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,
.map-osm .mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
  border-top-color: var(--my-map-popup-bg)
}

.map-osm .mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
  border-right-color: var(--my-map-popup-bg)
}

.map-osm .mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: var(--my-map-popup-bg)
}

.map-osm .mapboxgl-marker {
  cursor: pointer
}

.map-osm .mapboxgl-popup-content {
  border-radius: var(--my-border-radius);
  padding: 10px 20px 10px 10px
}

.map-osm .mapboxgl-popup-close-button {
  color: var(--my-map-popup-color);
  font-size: 20px
}

.map-osm .mapboxgl-popup-close-button:hover {
  background-color: #fff;
  opacity: .8;
  color: var(--my-main-theme)
}

.map-osm .mapboxgl-ctrl-attrib a {
  color: #7f8691 !important
}

.type-media.square-col .preview {
  height: 100%
}

@media (max-width:763.98px) {
  .type-media.text-below-on-xs.square-col .preview .image-src-box {
    position: relative
  }

  .type-media.text-below-on-xs.square-col .preview .image-src-box>img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: none !important
  }

  .type-media.text-below-on-xs.square-1-1 .content.revealed,
  .type-media.text-below-on-xs.square-1-1 .preview .image-src-box {
    padding-bottom: 100%
  }

  .type-media.text-below-on-xs.square-4-3 .content.revealed,
  .type-media.text-below-on-xs.square-4-3 .preview .image-src-box {
    padding-bottom: 75%
  }

  .type-media.text-below-on-xs.square-16-9 .content.revealed,
  .type-media.text-below-on-xs.square-16-9 .preview .image-src-box {
    padding-bottom: 56.25%
  }
}

.type-media .media-box {
  position: relative
}

.type-media .media-box .preview .icon span.ico-missing  {
	display: none;
}

.type-media .content-removed .copyright,
.type-media .content.revealed .copyright {
  display: none
}

.type-media .revealed .preview {
  cursor: auto
}

.type-media .preview {
  position: relative;
  cursor: pointer;
  height: 100%
}

.type-media .preview .centered {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

.type-media .preview .icon {
  color: #fff;
  text-shadow: 1px 1px 1px #000, 0 0 5px rgba(0, 0, 0, .5);
  font-size: 16px;
  text-align: center;
  z-index: 6
}

.type-media .preview .icon svg {
  filter: drop-shadow(1px 1px 1px #000) drop-shadow(0px 0px 5px rgba(0, 0, 0, .5))
}

.type-media .preview .icon span {
  opacity: .7;
  display: block;
  font-size: 60px
}

.type-media .preview .icon div {
  opacity: 1
}

.type-media .preview .media-overlay-bottom,
.type-media .preview .media-overlay-top {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 10px 20px;
  font-size: 16px;
  line-height: 1.2;
  text-shadow: 1px 1px 1px #000, 0 0 1px #000;
  margin: 0;
  color: #fff;
  z-index: 6
}

.type-media .preview .media-overlay-top {
  top: 10px;
  bottom: initial;
  max-height: 75%;
  overflow: hidden
}

.type-media .preview .media-overlay-top .intro-headline>.intro,
.type-media .preview .media-overlay-top h1,
.type-media .preview .media-overlay-top h2,
.type-media .preview .media-overlay-top h3,
.type-media .preview .media-overlay-top>.main-header>.title,
.type-media .preview .media-overlay-top>.sub-header {
  color: #fff;
  text-shadow: 1px 1px 1px #000, 0 0 1px #000
}

.type-media .preview .media-date {
  float: right
}

.type-media .preview:hover .icon span {
  opacity: 1
}

.type-media .preview.placeholder {
  cursor: auto
}

.type-media .preview.placeholder::after {
  content: "\f04b"
}

.type-media .col-visual,
.type-media .teaser-visual {
  position: relative
}

.type-media .content {
  border-radius: var(--my-image-border-radius);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: #000;
  overflow: hidden
}

.type-media .content.compact {
  position: relative
}

.type-media .content>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.type-media .content.pbg-main {
  background-color: var(--my-main-theme)
}

.type-media .content.pbg-facebook {
  background-color: #4267b2
}

.type-media .content.pbg-twitter {
  background-color: #00acee
}

.type-media .content.revealed {
  background-color: transparent
}

.type-media .preview.video .centered.image {
  height: 100%
}

.type-media .preview.video .centered.image>.image-src-box {
  height: 100%
}

.type-media .preview.video .centered.image>.image-src-box>img {
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

@media (min-width:1200px) {
  .type-media.square-large.square-16-9 .preview.video .centered.image {
    width: 104%
  }
}

.type-media .presized {
  position: relative;
  width: 100%;
  height: initial
}

.type-media .presized:not(.enlarged) {
  padding-bottom: 100%;
  overflow: hidden
}

.type-media .presized.enlarged {
  padding-bottom: 0 !important
}

.type-media .presized.enlarged .content {
  position: static;
  height: auto
}

.type-media .presized .fitin {
  width: 100%;
  height: 100%
}

.type-media.audio .content {
  background-color: transparent
}

.type-media.audio .presized .audio-player,
.type-media.audio.presized .audio-player {
  position: absolute;
  z-index: 25;
  bottom: 0;
  width: 100%;
  padding: 10px
}

.type-media.audio .preview.narrow .audio-skip,
.type-media.audio .preview.narrow .audio-stop {
  display: none
}

.type-media.audio .preview.narrow .audio-play {
  width: auto
}

.type-media.audio .content.compact .preview {
  display: flex;
  flex-direction: column;
  justify-content: space-around
}

.type-media.audio .content.compact .preview .audio-player .audio-box {
  color: var(--my-highlight-fg-color);
  background-color: var(--my-highlight-color)
}

.type-media.audio .content.compact .preview .audio-player .audio-box .audio-progress {
  border-color: var(--my-highlight-fg-color)
}

.type-media.audio .content.compact .preview .audio-player .audio-box .audio-progress .progress-bar {
  background-color: var(--my-highlight-fg-color)
}

.type-media.audio .content.compact .preview .media-overlay-top {
  position: static;
  padding: 10px 10px 0 10px;
  order: -1
}

.type-media.audio .content.compact .preview .media-overlay-top h1,
.type-media.audio .content.compact .preview .media-overlay-top h2,
.type-media.audio .content.compact .preview .media-overlay-top h3,
.type-media.audio .content.compact .preview .media-overlay-top>.main-header>.title,
.type-media.audio .content.compact .preview .media-overlay-top>.sub-header {
  color: #222;
  text-shadow: none
}

.audio-player .audio-box {
  display: flex;
  flex-direction: column;
  color: #555;
  background-color: rgba(255, 255, 255, .75);
  padding: 10px;
  font-size: 14px;
  border-radius: var(--my-border-radius)
}

.audio-player .audio-box .audio-headline {
  margin-bottom: 10px;
  font-weight: 600
}

.audio-player .audio-box .audio-progress {
  display: block;
  margin-bottom: 10px;
  border: 1px solid #555;
  border-radius: var(--my-border-radius)
}

.audio-player .audio-box .audio-progress .progress-bar {
  height: 10px;
  background-color: #555;
  transition: none;
  width: 0
}

.audio-player .audio-box .audio-controls {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center
}

.audio-player .audio-box .audio-controls>div {
  display: flex;
  flex-basis: 33.33333%
}

.audio-player .audio-box .audio-controls>div.audio-length,
.audio-player .audio-box .audio-controls>div.audio-pos {
  font-weight: 600
}

.audio-player .audio-box .audio-controls>div.audio-buttons {
  justify-content: center;
  align-items: center
}

.audio-player .audio-box .audio-controls>div.audio-buttons>.fa,
.audio-player .audio-box .audio-controls>div.audio-buttons>.ico {
  cursor: pointer
}

.audio-player .audio-box .audio-controls>div.audio-buttons>.audio-play {
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  width: 56px;
  font-size: 28px
}

.audio-player .audio-box .audio-controls>div.audio-length {
  justify-content: flex-end
}

.square-col>.content .audio-player .copyright {
  position: relative
}

.square-col>.content .audio-player .copyright>div {
  line-height: 1;
  padding: var(--my-copyright-padding);
  font-family: var(--my-copyright-font-family);
  font-size: var(--my-copyright-font-size);
  border-radius: var(--my-copyright-border-radius);
  text-align: var(--my-copyright-pos-right, right);
  right: var(--my-copyright-pos-right, 0);
  text-shadow: var(--my-copyright-text-shadow, none);
  display: inline-block;
  color: var(--my-copyright-color);
  background-color: var(--my-copyright-bg-color);
  opacity: var(--my-copyright-opacity);
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
  box-shadow: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.piece>.visual .audio-player .copyright>div,
.square-col>.content .audio-player .copyright>div {
  padding-right: 10px;
  background-color: transparent;
  bottom: 1px
}

.onclick-activation {
  position: relative;
  cursor: pointer;
  margin-bottom: var(--my-element-margin);
  border-radius: var(--my-image-border-radius)
}

.onclick-activation .oa-heading,
.onclick-activation .oa-notice {
  color: #fff;
  text-shadow: 1px 1px 1px #000, 0 0 1px #000;
  padding: 0 var(--my-default-margin);
  margin: 0;
  z-index: 7
}

.onclick-activation .oa-icon {
  color: #fff;
  text-shadow: 1px 1px 1px #000, 0 0 5px rgba(0, 0, 0, .5);
  text-align: center;
  z-index: 6
}

.onclick-activation .oa-icon span {
  opacity: .7;
  display: block;
  font-size: 60px
}

.onclick-activation .oa-icon div {
  opacity: 1
}

.onclick-activation .centered {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%)
}

.onclick-activation:hover .oa-icon span {
  opacity: 1
}

.onclick-activation.no-image {
  background-color: var(--my-main-theme)
}

.onclick-activation.compact .oa-heading,
.onclick-activation.compact .oa-notice {
  position: relative;
  padding-top: var(--my-default-margin-small);
  padding-bottom: var(--my-default-margin-small)
}

.onclick-activation.compact .centered {
  top: var(--my-default-margin-small);
  left: auto;
  transform: none
}

.onclick-activation.compact .oa-icon {
  text-align: right;
  padding-right: var(--my-default-margin)
}

.onclick-activation.compact.has-icon .oa-heading {
  padding-right: 80px
}

.onclick-activation.presized .oa-heading,
.onclick-activation.presized .oa-notice {
  position: absolute
}

.onclick-activation.presized .oa-heading {
  top: var(--my-default-margin)
}

.onclick-activation.presized .oa-notice {
  bottom: var(--my-default-margin-small)
}

@media (max-width:763.98px) {

  .onclick-activation.presized.has-image .oa-heading,
  .onclick-activation.presized.has-image .oa-notice,
  .onclick-activation.presized.no-image .oa-heading,
  .onclick-activation.presized.no-image .oa-notice {
    position: relative;
    padding-top: var(--my-default-margin-small);
    padding-bottom: var(--my-default-margin-small)
  }

  .onclick-activation.presized.has-image .centered,
  .onclick-activation.presized.no-image .centered {
    top: var(--my-default-margin-small);
    left: auto;
    transform: none
  }

  .onclick-activation.presized.has-image .oa-icon,
  .onclick-activation.presized.no-image .oa-icon {
    text-align: right;
    padding-right: var(--my-default-margin)
  }

  .onclick-activation.presized.has-image.has-icon .oa-heading,
  .onclick-activation.presized.no-image.has-icon .oa-heading {
    padding-right: 80px
  }

  .onclick-activation.presized.no-image {
    padding-bottom: 0 !important
  }

  .onclick-activation.presized.no-image .oa-heading {
    top: auto
  }

  .onclick-activation.presized.no-image .oa-notice {
    bottom: auto
  }

  .onclick-activation.presized.has-image .oa-heading,
  .onclick-activation.presized.has-image .oa-notice {
    position: absolute
  }

  .onclick-activation.presized.has-image .oa-heading {
    top: 0
  }

  .onclick-activation.presized.has-image .oa-notice {
    bottom: 0
  }

  .onclick-activation .oa-heading {
    font-size: 1.8rem;
    line-height: 1.1
  }

  .onclick-activation .oa-notice {
    font-size: 1.3rem;
    line-height: 1.2
  }
}

.element .onclick-activation:last-child {
  margin-bottom: 0
}

.nav-breadcrumbs {
  list-style-type: none;
  margin: 0;
  padding: 5px 0
}

.nav-breadcrumbs>li {
  display: inline;
  list-style: outside none none;
  position: relative;
  font-size: 1.3rem;
  color: #555
}

.nav-breadcrumbs>li:not(:last-child)::after {
  content: "";
  display: inline-block;
  margin-right: calc(.8 * var(--my-default-margin-verysmall))
}

.nav-breadcrumbs>li img {
  height: 1.04rem;
  width: 1.04rem;
  -o-object-fit: contain;
  object-fit: contain;
  vertical-align: baseline
}

.nav-breadcrumbs>li i+span,
.nav-breadcrumbs>li img+span {
  margin-left: calc(.8 * var(--my-default-margin-verysmall))
}

.nav-breadcrumbs>li+li::before {
  content: "\f0da";
  display: inline-block;
  font-family: var(--my-icon-font-family);
  margin-right: calc(1.5 * var(--my-default-margin-verysmall));
  color: #a8adb4
}

.nav-breadcrumbs>li a {
  color: #555
}

.nav-breadcrumbs>li a:hover {
  color: #555
}

.nav-side {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

@media (max-width:551.98px) {
  .nav-side {
    margin-left: -15px;
    margin-right: -15px;
    border-left: none;
    border-right: none
  }
}

.nav-side>li:first-child {
  border-top: none
}

.nav-side li {
  position: relative;
  display: block;
  border-top: 1px solid #ddd
}

.nav-side li>a {
  cursor: pointer;
  display: block;
  padding: 6px 30px 6px 2px
}

@media (max-width:551.98px) {
  .nav-side li>a {
    padding-left: 15px
  }
}

.nav-side li>a:not(.btn) {
  color: #5a6069
}

.nav-side li>a:not(.btn):focus,
.nav-side li>a:not(.btn):hover {
  color: #b31b34;
  background: #ddd;
  text-decoration: none
}

.nav-side li>a[aria-expanded][aria-controls]::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  position: absolute;
  display: inline-block;
  right: 0;
  width: 40px;
  font-weight: 400;
  text-align: center;
  transform: rotate(0) translate(0, 0);
  transition: transform .33s
}

.nav-side li>a[aria-expanded=true][aria-controls]::after {
  transform: rotate(-180deg) translate(0, 2px);
  transition: transform .33s
}

.nav-side li>a.nav-label+a[aria-controls] {
  position: absolute;
  display: inline-block;
  border: none;
  width: 40px;
  padding-left: 0;
  padding-right: 0;
  top: 0;
  right: 0
}

.nav-side li>a.nav-label+a[aria-controls]::after {
  left: 0;
  width: 100%
}

.nav-side li.currentpage>a:not(.btn) {
  background: 0 0;
  color: #b31b34;
  font-weight: 400
}

.nav-side li.currentpage>a:not(.btn):hover {
  color: #b31b34;
  background: #ddd;
  text-decoration: none
}

.nav-side li ul {
  padding: 0;
  list-style: none
}

.nav-side li>ul>li>a {
  padding-left: 30px
}

.nav-side li>ul>li>ul>li>a {
  padding-left: 45px
}

.nav-side li>ul>li>ul>li>ul>li>a {
  padding-left: 60px
}

.nav-side li>ul>li>ul>li>ul>li>ul>li a {
  padding-left: 75px
}

@media (min-width:764px) {
  .nav-side li>ul>li>a {
    padding-left: 17px
  }

  .nav-side li>ul>li>ul>li>a {
    padding-left: 32px
  }

  .nav-side li>ul>li>ul>li>ul>li>a {
    padding-left: 47px
  }

  .nav-side li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 62px
  }
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (min-resolution:0.001dpcm) {
  @supports (-webkit-appearance:none) {
    .nav-side li>a[aria-expanded][aria-controls]::after {
      transition: none
    }

    .nav-side li>a[aria-expanded=true][aria-controls]::after {
      transition: none
    }
  }
}

@media (max-width:1013.98px) {
  .nav-main-items {
    pointer-events: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    position: static;
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word
  }

  .nav-main-items li {
    display: flex;
    flex-direction: column
  }

  .nav-main-items li>a {
    bottom: 0;
    color: #5a6069;
    line-height: 24px;
    padding: 6px 15px;
    border-bottom: solid 1px #ddd;
    font-size: 16px;
    font-weight: 400
  }

  .nav-main-items li>a:hover {
    text-decoration: none
  }

  .nav-main-items>li>a {
    color: #5a6069;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400
  }

  .nav-main-items li.expand {
    position: relative
  }

  .nav-main-items li.expand>a[aria-controls]::after {
    font-family: var(--my-icon-font-family);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f107";
    position: absolute;
    display: inline-block;
    font-weight: 400;
    font-size: 25px;
    right: 15px;
    transform: rotate(0);
    transition: transform .33s;
    top: 4px;
    width: 28px;
    text-align: center;
    border-radius: 3px;
    line-height: 28px;
    background-color: #555;
    color: #fff
  }

  .nav-main-items li.expand>a.nav-label+a[aria-controls] {
    position: absolute;
    right: 0;
    top: 0;
    height: 36px;
    display: block;
    border: none;
    padding: 6px 0;
    margin: 0
  }

  .nav-main-items li.expand.expand.ed>a[aria-controls]::after {
    transform: rotate(-180deg);
    transition: transform .33s
  }

  .nav-main-items li.active.expand.ed>a,
  .nav-main-items li.active>a {
    color: #555;
    background-color: #ddd
  }

  .nav-main-items li.active.final>a {
    font-weight: 600
  }

  .nav-main-items li.expand.ed>a {
    color: #b31b34;
    background-color: #ddd;
    border-color: #ddd
  }

  .nav-main-items li>.nav-menu {
    transition: max-height .33s cubic-bezier(0, .65, .35, 1);
    max-height: 0;
    display: block;
    overflow: hidden
  }

  .nav-main-items li.expand.ed>.nav-menu {
    transition: max-height .66s ease-in;
    max-height: 2000px
  }

  html.keyboard-nav .nav-main-items li>.nav-menu {
    transition: none;
    max-height: none;
    display: none;
    overflow: hidden
  }

  html.keyboard-nav .nav-main-items li.expand.ed>.nav-menu {
    display: block
  }

  .nav-menu {
    box-shadow: none;
    width: auto;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    list-style: none
  }

  .nav-menu>li>a {
    padding-left: 35px
  }

  .nav-menu>li>ul>li>a {
    padding-left: 55px
  }

  .nav-menu>li>ul>li>ul>li a {
    padding-left: 75px
  }

  .nav-menu>li>ul>li>ul>li>ul>li a {
    padding-left: 85px
  }

  .nav-menu>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 95px
  }

  .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 105px
  }

  .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 115px
  }

  .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 125px
  }

  .nav-menu>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li>ul>li a {
    padding-left: 135px
  }

  #nav-toggle-label {
    display: inherit;
    margin-bottom: 0;
    max-width: none;
    pointer-events: auto
  }

  .nav-toggle {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999px;
    box-shadow: none;
    border-radius: 3px;
    border: none;
    cursor: pointer;
    transition: background .33s;
    color: var(--my-nav-toggle-fg);
    background-color: var(--my-nav-toggle-bg);
    z-index: 150001;
    float: right
  }

  .nav-toggle span {
    display: block;
    position: absolute;
    top: 19px;
    left: 8px;
    right: 8px;
    height: 2px;
    background: var(--my-nav-toggle-fg);
    transition: background 0s .33s
  }

  .nav-toggle span::after,
  .nav-toggle span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: var(--my-nav-toggle-fg);
    content: "";
    transition-duration: .33s, .33s;
    transition-delay: 0.33s, 0s
  }

  .nav-toggle span::before {
    top: -8px;
    transition-property: top, transform
  }

  .nav-toggle span::after {
    bottom: -8px;
    transition-property: bottom, transform
  }

  .nav-toggle.active span {
    background: 0 0
  }

  .nav-toggle.active span::after,
  .nav-toggle.active span::before {
    transition-delay: 0s, 0.33s
  }

  .nav-toggle.active span::before {
    top: 0;
    transform: rotate(45deg)
  }

  .nav-toggle.active span::after {
    bottom: 0;
    transform: rotate(-45deg)
  }
}

@media (max-width:1013.98px) and (max-width:551.98px) {
  .nav-toggle {
    width: 30px;
    height: 30px
  }

  .nav-toggle span {
    top: 14px;
    left: 6px;
    right: 6px;
    height: 2px
  }

  .nav-toggle span::after,
  .nav-toggle span::before {
    height: 2px
  }

  .nav-toggle span::before {
    top: -6px
  }

  .nav-toggle span::after {
    bottom: -6px
  }
}

@media (max-width:1013.98px) {
  .nav-main-container {
    position: fixed;
    top: 0;
    height: 100vh;
    background-color: #ddd;
    z-index: 150200;
    pointer-events: auto;
    overflow-x: hidden;
    opacity: 0
  }

  .nav-main-container .nav-main-group {
    display: block;
    position: relative;
    border: 0;
    margin: 0;
    padding-left: 0;
    padding-right: 0;
    background-color: #fff;
    padding-top: 70px;
    min-width: 265px;
    width: 90vw
  }

  .nav-main-container .nav-main-group.has-sidelogo {
    padding-top: 0
  }

  .nav-main-container .nav-main-group.meta-seperate {
    display: flex;
    flex-direction: column;
    min-height: 100vh
  }

  .nav-main-container .nav-main-group.meta-seperate .nav-main-items {
    flex-grow: 100
  }

  .nav-main-container .nav-main-group.meta-seperate .nav-meta-items {
    margin: 0;
    padding: 0
  }

  .nav-main-container .nav-main-group .nav-main-items {
    border-top: solid 1px #ddd
  }
}

@media (max-width:1013.98px) and (min-width:552px) {
  .nav-main-container .nav-main-group {
    width: 500px
  }
}

@media (max-width:1013.98px) and (min-width:764px) {
  .nav-main-container .nav-main-group {
    width: 500px
  }
}

@media (max-width:1013.98px) {
  .head-overlay {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    background-color: #000;
    z-index: 150199;
    opacity: 0;
    transition: opacity .5s, height 1ms .5s, width 1ms .5s
  }

  html.active-nav .area-header .head-overlay {
    width: 100vw;
    height: 100vh;
    opacity: .75;
    transition: opacity .5s
  }

  html.active-nav.keyboard-nav .nav-main-items .dropdown-menu>a:focus,
  html.active-nav.keyboard-nav .nav-main-items .dropdown>a:focus,
  html.active-nav.keyboard-nav .nav-main-items :focus {
    outline-color: rgba(77, 144, 255, .5);
    outline-style: solid;
    outline-width: 2px;
    outline-offset: -2px;
    z-index: 650000
  }

  #mercury-page {
    position: relative
  }

  .nav-main-container {
    transition: right .5s, opacity .25s;
    right: -90vw
  }
}

@media (max-width:1013.98px) and (min-width:552px) {
  .nav-main-container {
    right: -500px
  }
}

@media (max-width:1013.98px) and (min-width:764px) {
  .nav-main-container {
    right: -500px
  }
}

@media (max-width:1013.98px) and (min-width:1014px) {
  .nav-main-container {
    right: -500px
  }
}

@media (max-width:1013.98px) {
  .nav-main-container .nav-main-mobile-logo {
    display: block;
    padding: 15px 15px;
    background-color: #fff;
    padding-right: 90px
  }

  #nav-toggle-label {
    position: fixed;
    z-index: 150201;
    top: 15px;
    right: 30px
  }

  html.active-nav .area-header .header-group .nav-main-container {
    opacity: 1;
    right: 0
  }

  html.active-nav .area-header .header-group li.expand>a::after {
    right: 30px
  }

  html.active-nav .area-header .header-group li.expand>a {
    padding-right: 60px !important
  }

  #mercury-page {
    right: 0
  }

  html.active-nav {
    overflow-x: hidden;
    overflow-y: hidden
  }

  html.active-nav #mercury-page {
    right: 265px
  }

  html.opencms-page-editor #nav-toggle-label {
    top: calc(52px + 15px)
  }

  html.opencms-page-editor .nav-main-container .nav-main-group {
    padding-top: 122px
  }

  html.opencms-page-editor .nav-main-container .nav-main-group.has-sidelogo {
    padding-top: 52px
  }

  html.noscript .area-header .nav-main-items li {
    display: flex !important
  }

  html.noscript .area-header .nav-main-items li>.nav-menu {
    max-height: none
  }

  #nav-main-search {
    display: none !important
  }

  .nav-mega-menu .nav-side {
    margin: 0
  }

  .nav-mega-menu .nav-side li {
    border: 0
  }

  .nav-mega-menu .nav-side li>a {
    padding: 6px 15px 6px 35px
  }

  .nav-mega-menu .element {
    margin-bottom: 0
  }
}

@media (min-width:1014px) {
  .nav-main-items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    position: static;
    padding: 0;
    margin: 0;
    list-style: none;
    pointer-events: auto;
    justify-content: flex-end
  }

  .nav-main-items.cap-none>li>a {
    text-transform: none
  }

  .nav-main-items.cap-upper>li>a {
    text-transform: uppercase
  }

  .nav-main-items>li {
    display: flex;
    position: relative
  }

  .nav-main-items>li>a {
    color: #5a6069;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    position: relative;
    padding: 0 14px 5px 14px
  }

  .nav-main-items>li>a::after {
    font-family: var(--my-icon-font-family);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    display: inline-block
  }

  .nav-main-items>li:last-of-type:not(.expand)>a {
    padding-right: 0
  }

  .nav-main-items>li.active>a,
  .nav-main-items>li.active>a:focus,
  .nav-main-items>li.active>a:hover,
  .nav-main-items>li.expand.ed>a,
  .nav-main-items>li.expand.ed>a:focus,
  .nav-main-items>li.expand.ed>a:hover,
  .nav-main-items>li>a:focus,
  .nav-main-items>li>a:hover {
    text-decoration: none;
    color: #b31b34;
    margin-bottom: 0
  }

  .nav-main-items>li.active>a {
    color: #b31b34
  }

  .nav-main-items>li.expand.ed>a.nav-label+a[aria-controls] {
    display: none
  }

  .nav-main-items>li.expand>a::after {
    color: #5a6069;
    line-height: 20px;
    content: "\f107";
    right: 0
  }

  .nav-main-items>li.expand>a:hover::after {
    color: #b31b34
  }

  .nav-main-items>li.expand>a.nav-label {
    cursor: pointer
  }

  .nav-main-items>li.expand>a.nav-label+a[aria-controls] {
    position: absolute;
    display: inline-block;
    background: 0 0;
    border: none;
    width: 100%;
    top: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
    z-index: 999
  }

  .nav-main-items>li.expand>a.nav-label+a[aria-controls]::after {
    content: ""
  }

  .nav-main-items>li.expand>.nav-menu {
    animation-name: fadeTopMenu;
    animation-duration: .33s;
    animation-fill-mode: both;
    transform-origin: top
  }

  .nav-main-items>li.open-left>.nav-menu {
    right: 0 !important;
    left: auto !important
  }

  .nav-main-items>li.nav-icon>a {
    padding-right: 0
  }

  .nav-main-items>li>.nav-menu {
    top: 25px
  }

  .nav-main-items .expand.ed>.nav-menu {
    display: block
  }

  .nav-menu {
    position: absolute;
    top: -1px;
    left: 0;
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    border-radius: 0;
    min-width: 250px;
    z-index: 150000;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .3);
    border-top: solid 1px #b31b34;
    border-bottom: solid 1px #b31b34;
    list-style: none;
    -webkit-hyphens: auto;
    hyphens: auto;
    overflow-wrap: anywhere;
    word-break: break-word;
    animation-name: fadeRightMenu;
    animation-duration: .33s;
    animation-fill-mode: both;
    transform-origin: left
  }

  .nav-menu>li {
    display: flex;
    position: relative
  }

  .nav-menu>li>a {
    color: #5a6069;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 300;
    padding: 8px 20px;
    border: none;
    border-bottom: none
  }

  .nav-menu>li>a:hover {
    text-decoration: none
  }

  .nav-menu>li:last-child>a {
    border-bottom: none
  }

  .nav-menu>li.expand.ed>a {
    color: #b31b34;
    background-color: #ddd
  }

  .nav-menu>li.active>a {
    color: #555;
    background-color: #ddd
  }

  .nav-menu>li.active>a:focus,
  .nav-menu>li.active>a:hover,
  .nav-menu>li>a:focus,
  .nav-menu>li>a:hover {
    color: #b31b34;
    background-color: #ddd
  }

  .nav-menu .expand {
    position: relative
  }

  .nav-menu .expand>.nav-menu {
    left: 100%;
    margin-top: 0;
    margin-left: 0
  }

  .nav-menu .expand>a[aria-controls]::after {
    font-family: var(--my-icon-font-family);
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f105";
    position: absolute;
    display: inline-block;
    right: 9px;
    font-size: 14px;
    font-weight: 400
  }

  .nav-menu .expand>a.nav-label+a[aria-controls] {
    background-color: transparent;
    position: absolute;
    display: inline-block;
    border: none;
    width: 40px;
    padding-left: 0;
    padding-right: 0;
    top: 0;
    right: 0
  }

  .nav-menu .expand.open-left .expand>.nav-menu,
  .nav-menu .expand.open-left>.nav-menu {
    left: auto;
    right: 250px;
    transform-origin: right
  }

  .nav-menu .expand.open-left .expand.open-right .expand>.nav-menu,
  .nav-menu .expand.open-left .expand.open-right>.nav-menu {
    left: 100%;
    right: auto;
    transform-origin: left
  }

  .nav-menu .expand.open-left a[aria-controls]::after {
    content: "\f104"
  }

  .nav-menu .expand.open-left .expand.open-right a[aria-controls]::after {
    content: "\f105"
  }

  .nav-mega-menu .nav-side li>a {
    color: #5a6069;
    background-color: #fff;
    width: 100%;
    font-size: 14px;
    font-weight: 300
  }

  .nav-mega-menu .nav-side li>a:hover {
    text-decoration: none
  }

  #nav-toggle-group {
    display: none
  }

  #nav-main-search .nav-menu {
    padding: 14px;
    background-color: #fff;
    width: 400px
  }

  #nav-main-search .search-form {
    padding: 0;
    margin: 0;
    border: none;
    color: #5a6069;
    font-family: Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-weight: 300;
    font-size: 14px;
    position: relative;
    width: 100%
  }

  #nav-main-search.expand>a {
    padding-right: 0
  }

  #nav-main-search.expand>a::after {
    content: "";
    right: 0
  }

  .nav-main-container {
    position: relative;
    width: 100%
  }

  .nav-main-container .nav-main-mobile-logo {
    display: none
  }

  html.hasscript .nav-main-container .nav-mega-menu {
    top: 0;
    left: 0;
    position: absolute;
    margin: 0;
    width: calc(calc(992px - var(--my-gutter-x)) + 2 * var(--my-default-margin));
    padding: var(--my-default-margin) var(--my-default-margin) 0 var(--my-default-margin);
    background-color: #fff
  }

  html.hasscript .nav-main-container .nav-main-items>li.expand.ed.mega {
    position: static
  }
}

@media (min-width:1014px) and (min-width:1200px) {
  html.hasscript .nav-main-container .nav-mega-menu {
    width: calc(calc(1170px - var(--my-gutter-x)) + 2 * var(--my-default-margin))
  }
}

@media (min-width:1014px) and (min-width:1400px) {
  html.hasscript .nav-main-container .nav-mega-menu {
    width: calc(calc(1320px - var(--my-gutter-x)) + 2 * var(--my-default-margin))
  }
}

@media (min-width:1014px) {
  html.keyboard-nav .nav-main-items>li.expand>a:focus::after {
    content: "\f107";
    background-color: #b31b34;
    color: #ddd;
    border-radius: 3px;
    right: -1.5px;
    line-height: 20px;
    padding-left: 3.5px;
    padding-right: 3.5px;
    outline: 0
  }

  html.keyboard-nav .nav-main-items>li.expand>a.nav-label:focus::after {
    content: ""
  }
}

#mega-menu-editor {
  background: #a8adb4;
  padding-top: var(--my-default-margin);
  padding-bottom: var(--my-default-margin);
  height: calc(100vh - 52px)
}

#mega-menu-editor>.container {
  padding: 0
}

#mega-menu-editor .nav-main-container {
  right: 0 !important
}

#mega-menu-editor .nav-main-items,
#mega-menu-editor li.mega {
  display: block
}

#mega-menu-editor .nav-menu.nav-mega-menu {
  max-height: none;
  display: block;
  overflow: visible;
  position: static;
  margin-left: calc(15px - var(--my-default-margin));
  animation-name: none
}

.pagination-side .pagination>li.first,
.pagination-side .pagination>li.last,
.pagination-side .pagination>li:not([class]) {
  display: none;
}

.pagination-side .pagination>li.previous,
.pagination-side .pagination>li.previous.disabled {
  content: "\f104";
  font: normal normal normal 40px /1 FontAwesome;
  color: #2c8096;
  position: absolute;
  top: 45%;
  left: -22px
}

.pagination-side .pagination>li.previous span.fa,
.pagination-side .pagination>li.previous span.bi,
.pagination-side .pagination>li.previous.disabled span.fa,
.pagination-side .pagination>li.previous.disabled span.bi,
.pagination-side .pagination>li.next span.fa,
.pagination-side .pagination>li.next span.bi,
.pagination-side .pagination>li.next.disabled span.fa,
.pagination-side .pagination>li.next.disabled span.bi {
  font-size: 30px !important;
  -webkit-text-stroke: 2.6px!important;
}

@media (min-width: 1024px) {
  .pagination-side ul.list-entries {
    margin-bottom: 0;
    padding: 0 5rem;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .pagination-side ul.list-entries {
    margin-bottom: 0;
    padding: 0 8rem
  }
}

@media(max-width:1023.98px) {
  .pagination-side ul.list-entries {
    margin-bottom: 0;
    padding: 0 4rem;
  }

  .pagination-side .pagination>li.previous,
  .pagination-side .pagination>li.previous.disabled {
    left: 0 !important;
  }

  .pagination-side .pagination>li.next,
  .pagination-side .pagination>li.next.disabled {
    right: 0 !important;
  }
}

@media (min-width: 501px) and (max-width: 768px) {

  .pagination-side .pagination>li.previous,
  .pagination-side .pagination>li.previous.disabled {
    top: 42% !important;
  }

  .pagination-side .pagination>li.next,
  .pagination-side .pagination>li.next.disabled {
    top: 42% !important
  }
}

@media (max-width: 500px) {

  .pagination-side .pagination>li.previous,
  .pagination-side .pagination>li.previous.disabled {
    top: 35% !important;
  }

  .pagination-side .pagination>li.next,
  .pagination-side .pagination>li.next.disabled {
    top: 35% !important
  }
}

.pagination-side .pagination>li.next,
.pagination-side .pagination>li.next.disabled {
  content: "\f105";
  color: #2c8096;
  font: bold normal normal 40px/1 FontAwesome;
  position: absolute;
  right: -22px;
  top: 45%
}

.pagination-side li.page,
.pagination-side li.lastpage {
  display: none
}

.pagination {
  align-items: center;
  --my-pag-bg: var(--my-body-bg);
  --my-pag-color: var(--my-body-color);
  --my-pag-font-size: var(--my-body-font-size);
  --my-pag-line-height: var(--my-body-line-height);
  --my-pag-border-color: var(--my-highlight-border-color);
  --my-pag-border-radius: var(--my-btn-border-radius);
  --my-pag-border: 1px solid var(--my-highlight-border-color);
  --my-pag-item-jump-spacing: 1rem;
  --my-pag-item-margin: 0 -1px 0 0;
  --my-pag-item-padding: 5px 12px;
  --my-pag-disabled-fg-color: var(--my-pag-border-color);
  --my-pag-active-fg-color: var(--my-main-theme-fg);
  --my-pag-active-bg-color: var(--my-main-theme);
  --my-pag-hover-fg-color: var(--my-main-theme-hover-fg);
  --my-pag-hover-bg-color: var(--my-main-theme-hover);
  --my-pag-font-family: var(--my-body-font-family);
  display: initial;
  margin: 0;
  padding-left: 0
}

.pagination>li {
  display: inline-block
}
/*
.pagination-side .pagination>li>a{
  background-color: transparent; 
  color: transparent; 
  border-color: transparent
}
*/
.pagination>li>a {
  display: inline-block;
  position: relative;
  color: #2c8096;  /*var(--my-pag-color); 
  background-color:var(--my-pag-bg);
  border:1px solid var(--my-highlight-border-color);*/
  margin: var(--my-pag-item-margin);
  padding: 3px;
  text-align: center;
  text-decoration: none;
  font-family: var(--my-pag-font-family);
  font-size: var(--my-pag-font-size);
  line-height: var(--my-pag-line-height);
  min-width: calc(var(--my-pag-font-size) * var(--my-pag-line-height) + 10px)
}

.pagination>li.page:not(.active)>a {
  color: #2c8096;
  font-weight: normal
}

.pagination>li.previous {
  margin-right: 0.5rem
}

.pagination>li.next {
  margin-left: var(--my-pag-item-jump-spacing)
}

.pagination>li.first.gap::after {
  content: "...";
  display: inline-block;
  margin: 0 var(--my-pag-item-jump-spacing)
}

.pagination>li:first-child>a {
  margin-left: 0;
  border-top-left-radius: var(--my-pag-border-radius);
  border-bottom-left-radius: var(--my-pag-border-radius)
}

.pagination>li:last-child>a {
  margin-right: 0;
  border-top-right-radius: var(--my-pag-border-radius);
  border-bottom-right-radius: var(--my-pag-border-radius)
}

.pagination-side .pagination>li.active>a:hover,
.pagination-side .pagination>li.page>a:hover {
  /*color:transparent;border-color:transparent;*/
  background-color: transparent
}

.pagination>li.active>a:hover,
.pagination>li.page>a:hover {
  color: #2c8096;
  /*var(--my-pag-hover-fg-color); background:#2c8096/*/
  *var(--my-pag-hover-bg-color)*/;
  border-color: #2c8096
    /*var(--my-pag-hover-bg-color)*/
}

.pagination>li.active>a {
  font-weight: bold;
  color: #2c8096;
  /*var(--my-pag-active-fg-color);background-color:transparent;/*var(--my-pag-active-bg-color)*/
  ;
  border-color: #2c8096
    /*var(--my-pag-active-bg-color)*/
}

.pagination-side .pagination>.previous>a,
.pagination-side .pagination>.previous>a:focus,
.pagination-side .pagination>.previous>a:hover {
  /*color: transparent;*/
  background-color: transparent;
  border-color: transparent;
  background-repeat: no-repeat
}

.pagination-side .pagination>.disabled>a,
.pagination-side .pagination>.disabled>a:focus,
.pagination-side .pagination>.disabled>a:hover {
  /*color: transparent; */
  background-color: transparent;
  border-color: transparent;
  background-repeat: no-repeat
}

.pagination-side .pagination>.previous>a,
.pagination-side .pagination>.next>a:focus,
.pagination-side .pagination>.next>a:hover {
  /*color: transparent;*/
  background-color: transparent;
  border-color: transparent;
  background-repeat: no-repeat
}

.pagination-side .pagination>.disabled>a,
.pagination-side .pagination>.disabled>a:focus,
.pagination-side .pagination>.disabled>a:hover {
  /*color: transparent;*/
  background-color: transparent;
  border-color: transparent;
  background-repeat: no-repeat
}

.list-content:not(.pagination-side) .pagination>.disabled>a,
.list-content:not(.pagination-side) .pagination>.disabled>a:focus,
.list-content:not(.pagination-side) .pagination>.disabled>a:hover {
  color: #2c8096; /*var(--my-pag-disabled-fg-color)*/ ;
  /*background-color:var(--my-pag-bg);border-color:var(--my-pag-disabled-fg-color);*/
  cursor: not-allowed;
  pointer-events: none
}

.piece {
  --my-gutter-x: 30px;
  --my-visual-last-margin-top: var(--my-paragraph-margin-bottom);
  --my-visual-margin-bottom: var(--my-paragraph-margin-bottom);
  --my-text-to-link-margin: var(--my-paragraph-margin-bottom);
  --my-piece-headings-margin-bottom: var(--my-headings-margin-bottom);
  --my-intro-headings-margin-bottom: calc(0.25 * var(--my-paragraph-margin-bottom));
  display: block;
  position: relative
}

.piece>.visual {
  margin-bottom: var(--my-visual-margin-bottom);
  width: 100%;
  padding: 0 1rem 0 0;
}

@media (max-width: 1399.98px) {
  .teaser-elaborate .piece>.visual {
    padding: 0 1rem;
  }
}

.piece>.visual .copyright {
  position: relative
}

.piece>.visual .copyright>div {
  line-height: 1;
  padding: var(--my-copyright-padding);
  font-family: var(--my-copyright-font-family);
  font-size: var(--my-copyright-font-size);
  border-radius: var(--my-copyright-border-radius);
  text-align: var(--my-copyright-pos-right, right);
  right: var(--my-copyright-pos-right, 0);
  text-shadow: var(--my-copyright-text-shadow, none);
  display: inline-block;
  color: var(--my-copyright-color);
  background-color: var(--my-copyright-bg-color);
  opacity: var(--my-copyright-opacity);
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
  box-shadow: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.piece>.visual .subtitle {
  margin-top: calc(.5 * var(--my-paragraph-margin-bottom));
  line-height: 1.15;
  font-style: italic;
  font-size: 13px
}

.piece>.visual>a {
  display: block
}

.piece.disabled {
  background-image: repeating-linear-gradient(135deg, transparent, transparent 10px, rgba(0, 0, 0, .1) 10px, rgba(0, 0, 0, .1) 20px)
}

.piece.full>.visual {
  margin-left: auto;
  margin-right: auto
}

.piece.full.align-right>.visual {
  margin-right: 0
}

.piece.only-visual>.visual {
  margin-bottom: 0
}

.piece.pvl>.visual {
  margin-bottom: 0
}

.piece.pvl>.visual+.link {
  margin-top: var(--my-visual-last-margin-top)
}

.piece.pvl>.body+.visual,
.piece.pvl>.link+.visual {
  margin-top: var(--my-visual-last-margin-top)
}

.type-section.piece .text>p,
.type-section.piece .box>p {
  margin-bottom: 0 !important;
}

.type-section.piece>.body:not(.default) .text {
  margin-bottom: 1.5rem;
}

.type-section .body {
  position: relative;
}

.type-section.box.box-white.header-black .body.default {
  padding: 0 1rem 0 1rem
}

@media (max-width: 991.98px) {
  .type-section.box.box-white.header-black .body.default {
    padding: 0;
  }
}

.type-section.piece>.link {
  position: absolute;
  right: 0;
  top: 10%
}

.type-section .link>a {
  font-size: 1.6rem;
  background-color: transparent;
  color: #2c8096 !important;
  font-weight: bold;
  padding: 0;
  border-radius: 0;
  transition: none;
  text-decoration: none;
}

.link>a {
  font-size: 14px;
  padding: 0.5rem 1rem;
  background-color: #2c8096;
  border-radius: 1.6rem;
  color: white !important;
}

.link a:hover {
	color: #2c8096 !important;
}
@media (min-width: 1200px) {
  .type-media.teaser-elaborate.teaser.piece>.body .link {
    position: absolute;
    bottom: 3rem;
    margin-bottom: 0;
  }

  .type-media.teaser-elborate.teaser.piece>.body {
    position: relative;
  }

  .type-media.teaser-elaborate.teaser.piece .heading {
    margin-bottom: 3rem
  }

  .type-media.teaser-elaborate.teaser.piece .text {
    margin-bottom: 4rem;
  }

  .type-media.teaser-elaborate.teaser .teaser-text {
    font-size: 1.6rem;
  }

  .teaser-elaborate.teaser.piece>.body .text+.link,
  .type-media.teaser-elaborate.teaser.piece>.body+.link {
    margin-bottom: 0;
  }
}

@media (min-width:1024px) and (max-width: 1199.98px) {
  .type-media.teaser-elaborate.teaser.piece>.body .link {
    position: absolute;
    bottom: 3rem;
    margin-bottom: 0;
  }

  .type-media.teaser-elborate.teaser.piece>.body {
    position: relative;
  }

  .type-media.teaser-elaborate.teaser.piece .heading {
    margin-bottom: 3rem
  }

  .teaser-elaborate.teaser.piece .text {
    margin-bottom: 4rem;
  }

  .type-media.teaser-elaborate.teaser .teaser-text {
    font-size: 1.6rem;
  }

  .type-media.teaser-elaborate.teaser.piece>.body .text+.link,
  .type-media.teaser-elaborate.teaser.piece>.body+.link {
    margin-bottom: 0;
  }
}

@media (min-width:768px) and (max-width: 1023.98px) {
  .type-media.teaser-elaborate.teaser.piece>.body .link {
    position: absolute;
    bottom: 1.5rem;
    margin-bottom: 0;
  }

  .type-media.teaser-elborate.teaser.piece>.body {
    position: relative;
  }

  .type-media.teaser-elaborate.teaser.piece .intro-headline {
    margin-bottom: 2rem
  }

  .type-media.teaser-elaborate.teaser.piece .text {
    font-size: 1.2rem;
    margin-bottom: 2rem;
  }

  .teaser-elaborate.teaser .intro-headline,
  .teaser-elaborate.teaser .teaser-text,
  .teaser-elaborate.teaser .link {
    font-size: 1.2rem;
  }
}

@media (min-width: 500px) and (max-width: 767.98px) {
  .type-media.teaser-elaborate.teaser.piece .text {
    margin-bottom: 3rem
  }

  .type-media.teaser-elaborate.teaser.piece>.body .link {
    position: absolute;
    bottom: 0.5rem;
    margin-bottom: 0;
  }

  .teaser-elaborate.teaser.piece .intro-headline,
  .teaser-elaborate.teaser.piece .teaser-text,
  .teaser-elaborate.teaser.piece .link>a {
    font-size: 1rem !important;
  }
}

@media (max-width: 499.98px) {
  .teaser-elaborate.teaser.piece .text {
    margin-bottom: 3.5rem
  }

  .type-media.teaser-elaborate.teaser.piece>.body .link {
    position: absolute;
    bottom: 1rem;
    margin-bottom: 0;
  }

  .teaser-elaborate.teaser.piece .intro-headline,
  .teaser-elaborate.teaser.piece .teaser-text,
  .teaser-elaborate.teaser.piece .link>a {
    font-size: 1rem !important;
  }
}

/*@media (max-width:767.98px){.link > a {font-size: 1rem !important; }}*/
.piece.paj .heading>.piece-heading,
.piece.paj>.body .link,
.piece.paj>.body .text,
.piece.paj>.body+.link,
.piece.paj>.visual>.subtitle {
  text-align: justify
}

.piece.pac .heading>.piece-heading,
.piece.pac>.body .link,
.piece.pac>.body .text,
.piece.pac>.body+.link,
.piece.pac>.visual>.subtitle {
  text-align: center
}

.piece.par .heading>.piece-heading,
.piece.par .heading>.piece-heading-link,
.piece.par>.body .link,
.piece.par>.body .text,
.piece.par>.body+.link,
.piece.par>.visual>.subtitle {
  text-align: right
}

.piece.pmv>.visual {
  min-width: 32px
}

.piece .heading {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.piece .heading>.piece-heading {
  text-overflow: ellipsis;
  overflow: hidden
}

.piece .heading>.piece-heading-link {
  display: block
}

.piece .heading>.piece-heading-link:hover {
  text-decoration: none
}

.piece .heading:last-child>.piece-heading,
.piece .heading:last-child>.piece-heading-link>.piece-heading {
  margin-bottom: 0
}

.piece .piece-heading {
  margin-bottom: var(--my-headings-margin-bottom)
}

.piece>.body .text {
  -webkit-hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
}

.piece>.body .text>*,
.piece>.body .text>.detail-content>* {
  margin-bottom: var(--my-paragraph-margin-bottom)
}

.piece>.body .text>.detail-content>:last-child,
.piece>.body .text>:last-child {
  margin-bottom: 0
}

.piece>.body .text h1,
.piece>.body .text h2,
.piece>.body .text h3,
.piece>.body .text h4,
.piece>.body .text h5,
.piece>.body .text h6 {
  margin-bottom: var(--my-piece-headings-margin-bottom)
}

.piece>.body .text+.link,
.piece>.body+.link {
  /*margin-top:var(--my-text-to-link-margin);*/
  margin-bottom: 10px;
}

.piece.element.type-section:not(.box).only-heading {
  margin-bottom: var(--my-headings-margin-bottom)
}

.piece.element.type-section:not(.box).only-text+.piece.element.type-section:not(.box).only-text,
.piece.element.type-section:not(.box).only-text+.piece.element.type-section:not(.box).pnh,
.piece.element.type-section:not(.box).phb:not(.pnm)+.piece.element.type-section:not(.box).only-text,
.piece.element.type-section:not(.box).phb:not(.pnm)+.piece.element.type-section:not(.box).pnh {
  margin-top: calc(var(--my-paragraph-margin-bottom) - var(--my-element-margin))
}

@media (max-width:763.98px) {
  .piece.p-xs-1>.visual {
    width: calc((100% + var(--my-gutter-x)) * .083333 - var(--my-gutter-x))
  }

  .piece.p-xs-2>.visual {
    width: calc((100% + var(--my-gutter-x)) * .166667 - var(--my-gutter-x))
  }

  .piece.p-xs-3>.visual {
    width: calc((100% + var(--my-gutter-x)) * .25 - var(--my-gutter-x))
  }

  .piece.p-xs-4>.visual {
    width: calc((100% + var(--my-gutter-x)) * .333333 - var(--my-gutter-x))
  }

  .piece.p-xs-5>.visual {
    width: calc((100% + var(--my-gutter-x)) * .416667 - var(--my-gutter-x))
  }

  .piece.p-xs-6>.visual {
    width: calc((100% + var(--my-gutter-x)) * .5 - var(--my-gutter-x))
  }

  .piece.p-xs-7>.visual {
    width: calc((100% + var(--my-gutter-x)) * .583333 - var(--my-gutter-x))
  }

  .piece.p-xs-8>.visual {
    width: calc((100% + var(--my-gutter-x)) * .666667 - var(--my-gutter-x))
  }

  .piece.p-xs-9>.visual {
    width: calc((100% + var(--my-gutter-x)) * .75 - var(--my-gutter-x))
  }

  .piece.p-xs-10>.visual {
    width: calc((100% + var(--my-gutter-x)) * .833333 - var(--my-gutter-x))
  }

  .piece.p-xs-11>.visual {
    width: calc((100% + var(--my-gutter-x)) * .916667 - var(--my-gutter-x))
  }

  .piece.p-xs-0>.visual {
    display: none
  }
}

html.keyboard-nav .piece .heading>.piece-heading {
  overflow: visible
}

.flex-col {
  container-type: inline-size
}

.flex-col>.piece.flex {
  flex-grow: 1
}

.flex-col>.piece.full:only-child,
.flex-col>.pivot.box:only-child,
.flex-col>.type-contact.box:only-child {
  margin: 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

@media (min-width: 768px) and (max-width: 991.98px) {

  .flex-col>.piece.full:only-child,
  .flex-col>.pivot.box:only-child,
  .flex-col>.type-contact.box:only-child {
    margin: 1.5rem 1rem;
  }
}

@media (max-width: 768px) {
  .piece.flex {
    display: flex;
    flex-direction: row
  }
}

@media (max-width: 767.98px) {
  .type-event.detail-page .detail-content .piece.flex {
    display: block;
  }
}

@media (min-width:768px) {

  .piece.full.only-visual::before,
  .piece.phv::before {
    display: block;
    clear: both;
    content: ""
  }

  .piece.flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row
  }

  .piece.flex>.heading,
  .piece.flex>.link {
    flex: 0 0 100%
  }

  .piece.flex>.body,
  .piece.flex>.heading,
  .piece.flex>.link,
  .piece.flex>.visual {
    position: relative;
    width: 100%
  }

  .piece.flex>.visual {
    margin-bottom: 0
  }

  .piece.flex.right>.visual {
    order: 13;
    padding-left: calc(.5 * var(--my-gutter-x))
  }

  .piece.flex.right>.body {
    padding-right: calc(.5 * var(--my-gutter-x))
  }

  .piece.flex.left>.visual {
    /*padding-right:calc(.5 * var(--my-gutter-x))*/
  }

  .piece.flex.left>.body {
    padding: 2rem 3rem;
    /*padding-left:calc(.5 * var(--my-gutter-x))*/
  }

  @media (min-width: 768px) and (max-width: 1023.98px) {
    .piece.flex.left .body {
      padding: 1rem 2rem;
    }
  }

  .piece.flex.p-md-10 .btn,
  .piece.flex.p-md-11 .btn,
  .piece.flex.p-md-7 .btn,
  .piece.flex.p-md-8 .btn,
  .piece.flex.p-md-9 .btn {
    white-space: normal
  }

  .piece.float.left>.visual {
    float: left;
    margin-right: var(--my-gutter-x)
  }

  .piece.float.left>.body ul {
    display: flex;
    flex-direction: column
  }

  .piece.float.right>.visual {
    float: right;
    margin-left: var(--my-gutter-x)
  }

  .piece.p-md-1.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.083333 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-1.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.916667 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-1.float>.visual,
  .piece.p-md-1.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .083333 - var(--my-gutter-x))
  }

  .piece.p-md-2.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.166667 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-2.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.833333 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-2.float>.visual,
  .piece.p-md-2.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .166667 - var(--my-gutter-x))
  }

  .piece.p-md-3.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.25 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-3.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.75 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-3.float>.visual,
  .piece.p-md-3.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .25 - var(--my-gutter-x))
  }

  .piece.p-md-4.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.333333 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-4.flex>.visual:empty>.body {
    width: 100%;
  }

  .piece.p-md-4.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.666667 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-4.float>.visual,
  .piece.p-md-4.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .333333 - var(--my-gutter-x))
  }

  .piece.p-md-5.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.416667 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-5.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.583333 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-5.float>.visual,
  .piece.p-md-5.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .416667 - var(--my-gutter-x))
  }

  .piece.p-md-6.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.5 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-6.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.5 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-6.float>.visual,
  .piece.p-md-6.full>.visual {
    width: 20vh;
    height: 20vh;
    /*calc((100% + var(--my-gutter-x)) * .5 - var(--my-gutter-x))*/
  }

  .piece.p-md-7.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.583333 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-7.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.416667 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-7.float>.visual,
  .piece.p-md-7.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .583333 - var(--my-gutter-x))
  }

  .piece.p-md-8.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.666667 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-8.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.333333 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-8.float>.visual,
  .piece.p-md-8.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .666667 - var(--my-gutter-x))
  }

  .piece.p-md-9.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.75 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-9.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.25 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-9.float>.visual,
  .piece.p-md-9.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .75 - var(--my-gutter-x))
  }

  .piece.p-md-10.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.833333 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-10.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.166667 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-10.float>.visual,
  .piece.p-md-10.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .833333 - var(--my-gutter-x))
  }

  .piece.p-md-11.flex>.visual {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.916667 - (0.5 * var(--my-gutter-x)))
  }

  .piece.p-md-11.flex>.body {
    flex: 0 0 calc((100% + var(--my-gutter-x)) * 0.083333 - (0.5 * var(--my-gutter-x) + 1px))
  }

  .piece.p-md-11.float>.visual,
  .piece.p-md-11.full>.visual {
    width: calc((100% + var(--my-gutter-x)) * .916667 - var(--my-gutter-x))
  }

  .piece.p-md-0>.visual {
    display: none
  }

  .piece.p-md-0.flex>.body {
    flex: 0 0 100%
  }
}

.intro-headline>span {
  font-weight: bold;
  color: #2c8096;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis
}

.intro-headline>.intro {
  line-height: 1.25;
  font-size: 1.6rem;
  font-weight: 600;
  color: #2c8096;
  margin-bottom: var(--my-intro-headings-margin-bottom)
}

a .intro-headline {
  text-decoration: none
}

a .intro-headline>.headline {
  text-decoration: unset
}

a .intro-headline:hover {
  text-decoration: none
}

a .intro-headline:hover>.headline {
  text-decoration: unset
}

.element .body-text {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.element .body-text>* {
  margin-bottom: var(--my-paragraph-margin-bottom)
}

.element .body-text>:last-child {
  margin-bottom: 0
}

.type-poi .accessible {
  line-height: 1;
  margin-bottom: var(--my-default-margin-small);
  -webkit-hyphens: initial;
  hyphens: initial
}

@media (min-width:764px) {
  .type-poi .poi-head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
  }
}

.type-poi .acc-icon {
  position: relative;
  width: 3.5rem;
  padding: 0 0 3.5rem 0 !important;
  display: inline-block;
  color: var(--my-main-theme-fg);
  background-color: var(--my-main-theme);
  border-radius: var(--my-border-radius);
  margin-right: 10px;
  font-size: 2.2rem
}

.type-poi .acc-icon:last-of-type {
  margin-right: 0
}

.type-poi .acc-icon .acc-inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  display: flex
}

.type-poi .acc-icon .acc-wc.acc-inner {
  transform: translateX(-50%) translateY(-50%) scale(.85);
  top: 60%;
  left: 38%
}

.type-poi .acc-icon .acc-wc.acc-add {
  position: absolute;
  display: flex;
  top: 55%;
  left: 40%;
  transform: translateX(-20%) translateY(-90%) scale(.6)
}

.type-poi .acc-icon .ico {
  font-weight: 400
}

.type-poi .acc-icon .acc-male {
  position: relative;
  margin: 0 1px 0 2px;
  font-weight: 400
}

.type-poi .acc-icon .acc-male::after {
  display: block;
  content: "";
  border-right: 1px solid var(--my-main-theme-fg);
  position: absolute;
  height: 100%;
  bottom: 0;
  right: -2px
}

.type-poi .acc-icon .acc-female {
  font-weight: 400;
  transform: scale(.85, 1)
}

.pp-banner .container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  max-height: 100vh
}

.pp-banner .container>div:not(:last-of-type) {
  margin-bottom: var(--my-default-margin-small)
}

.pp-banner .banner {
  display: none;
  box-shadow: 0 -3px 10px 2px rgba(0, 0, 0, .3);
  background-color: #fae9dd;
  opacity: .95;
  color: #212529;
  padding: 20px;
  width: 100vw
}

.pp-banner .banner.fixed {
  z-index: 150100;
  left: 0;
  position: fixed
}

.pp-banner .banner.fixed.top {
  top: 0
}

.pp-banner .banner.fixed.bottom {
  bottom: 0
}

.pp-banner * {
  color: #212529
}

.pp-banner .title {
  font-size: 2.6rem;
  line-height: 1.25;
  order: 1
}

.pp-banner .message {
  order: 2
}

.pp-banner .message p:last-of-type {
  margin-bottom: 0
}

.pp-banner .message a {
  font-weight: 600
}

.pp-banner .selection {
  display: flex;
  align-items: center;
  order: 3
}

.pp-banner .selection .options {
  flex-grow: 1
}

.pp-banner .selection .options label {
  margin-right: var(--my-default-margin);
  margin-bottom: 0;
  padding-left: 30px;
  cursor: pointer;
  position: relative
}

.pp-banner .selection .options label input {
  position: absolute;
  left: -9999px
}

.pp-banner .selection .options label i {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 20px;
  height: 20px;
  outline: 0;
  background-color: #fff
}

.pp-banner .selection .options label input+i::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*content:"\f00c"*/
  content: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  position: absolute;
  opacity: 0;
  top: -4px;
  left: -1px;
  font-size: 23px;
  line-height: 23px;
  font-weight: 400;
  text-align: center
}

.pp-banner .selection .options label input:checked+i::after {
  opacity: 1;
  color: #ddd
}

.pp-banner .selection .options label input[disabled]+i {
  background-color: #ddd
}

.pp-banner .selection .options label input[disabled]+i::after {
  color: #555
}

.pp-banner .buttons .btn {
  border: none;
  font-size: 1.8rem;
  min-width: 100px
}

.pp-banner .buttons .btn:last-of-type {
  margin-left: var(--my-default-margin)
}

.pp-banner .buttons .btn-accept {
  --my-btn-fg: #555;
  --my-btn-bg: #ddd;
  --my-btn-hover-fg: #fff;
  --my-btn-hover-bg: #b31b34
}

.pp-banner .buttons .btn-save {
  --my-btn-fg: #fff;
  --my-btn-bg: #3c3c3c;
  --my-btn-hover-fg: #fff;
  --my-btn-hover-bg: #b31b34
}

.pp-banner .btn-close {
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 2.5rem;
  line-height: 1;
  padding: 5px 8px;
  min-width: auto;
  border: none
}

.pp-banner .btn-close:not(:hover):not(:focus) {
  background-color: transparent
}

.pp-banner .links {
  order: 4;
  font-size: 80%
}

.pp-banner .links ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.pp-banner .links li {
  display: inline;
  margin: 0
}

.pp-banner .links li+li {
  margin-left: var(--my-default-margin)
}

.pp-banner .links a {
  font-weight: 600
}

@media (max-width:1013.98px) {
  .pp-banner .title {
    text-align: center;
    font-size: 1.8rem;
    max-width: 100%;
    display: block;
    float: none
  }

  .pp-banner .container {
    padding: 0
  }

  .pp-banner .selection {
    font-size: 1.25rem;
    flex-direction: column;
    align-items: flex-start
  }

  .pp-banner .selection .options {
    flex-grow: initial;
    margin-bottom: var(--my-default-margin-small)
  }

  .pp-banner .buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%
  }

  .pp-banner .buttons .btn {
    margin: 0;
    font-size: 1.5rem
  }

  .pp-banner .btn-close {
    font-size: 1.5rem;
    right: 10px
  }

  .pp-banner .message {
    font-size: 1.2rem;
    line-height: 1.25;
    text-align: justify;
    -webkit-hyphens: auto;
    hyphens: auto
  }

  .pp-banner .links {
    font-size: 1rem
  }
}

@media (max-width:763.98px) {
  .pp-banner .banner {
    padding: 15px 15px 10px 15px
  }

  .pp-banner .selection {
    order: 6;
    margin-bottom: 0 !important
  }

  .pp-banner .buttons {
    justify-content: space-around
  }

  .pp-banner .buttons .btn {
    margin-bottom: 5px
  }

  .pp-banner .btn-close {
    right: 5px;
    top: 8px;
    padding: 4px 6px
  }

  .pp-banner .links {
    margin-bottom: var(--my-default-margin-small)
  }
}

@media (max-width:551.98px) {
  .pp-banner .selection .options {
    display: flex;
    flex-direction: column
  }

  .pp-banner .selection .options label+label {
    margin-top: var(--my-default-margin-small)
  }

  .pp-banner .message {
    margin-bottom: var(--my-default-margin-verysmall) !important
  }

  .pp-banner .buttons .btn {
    font-size: 1.25rem;
    padding: .2rem .8rem
  }

  .pp-banner .buttons .btn:last-of-type {
    margin-left: 0
  }

  .pp-banner .links li {
    display: list-item
  }

  .pp-banner .links li+li {
    margin-left: 0
  }
}

#privacy-policy-banner-noscript .banner {
  display: block
}

#privacy-policy-banner-noscript .banner .message {
  font-size: 3.1rem;
  line-height: 1.25
}

.pp-toggle .toggle-check[disabled]+.toggle-label,
html.opencms-page-editor .pp-toggle .toggle-check+.toggle-label {
  pointer-events: none;
  cursor: auto
}

.pp-toggle .toggle-check[disabled]+.toggle-label .toggle-inner::after,
.pp-toggle .toggle-check[disabled]+.toggle-label .toggle-inner::before,
html.opencms-page-editor .pp-toggle .toggle-check+.toggle-label .toggle-inner::after,
html.opencms-page-editor .pp-toggle .toggle-check+.toggle-label .toggle-inner::before {
  background-color: #ddd !important;
  color: #a8adb4 !important
}

.pp-toggle {
  position: relative;
  display: flex
}

.pp-toggle+.pp-toggle {
  margin-top: var(--my-default-margin)
}

.pp-toggle .toggle-label {
  display: block;
  cursor: pointer;
  min-height: 42px;
  margin-bottom: 0
}

.pp-toggle .toggle-label:hover .toggle-inner::after,
.pp-toggle .toggle-label:hover .toggle-inner::before {
  color: var(--my-body-color) !important;
  background-color: var(--my-body-bg) !important
}

.pp-toggle .toggle-text {
  display: flex;
  align-items: center;
  font-size: 18px;
  line-height: 1;
  margin-left: var(--my-default-margin)
}

.pp-toggle .toggle-box {
  width: 200px;
  position: relative;
  display: block;
  overflow: hidden;
  border: 1px solid #555;
  border-radius: var(--my-border-radius)
}

.pp-toggle .toggle-inner {
  display: block;
  width: 200%;
  margin-left: -100%
}

.pp-toggle .toggle-inner::after,
.pp-toggle .toggle-inner::before {
  display: block;
  float: left;
  width: 50%;
  height: 40px;
  line-height: 40px;
  padding: 0;
  font-size: 18px;
  font-weight: 600;
  box-sizing: border-box
}

.pp-toggle .toggle-inner::before {
  content: attr(data-checked) " ";
  padding-left: 10px;
  background-color: var(--my-btn-bg);
  color: var(--my-btn-fg)
}

.pp-toggle .toggle-inner::after {
  content: attr(data-unchecked) " ";
  padding-right: 10px;
  background-color: #ddd;
  color: #555;
  text-align: right
}

.pp-toggle .toggle-slider {
  display: block;
  width: 36px;
  margin: 2px;
  background-color: #ddd;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 158px;
  border: 1px solid #555;
  border-radius: calc(.5 * var(--my-border-radius))
}

.pp-toggle.animated .toggle-inner {
  transition: margin .3s ease-in 0s
}

.pp-toggle.animated .toggle-slider {
  transition: all .3s ease-in 0s
}

.pp-toggle .toggle-check {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0
}

.pp-toggle .toggle-check:checked+.toggle-label .toggle-inner {
  margin-left: 0 !important
}

.pp-toggle .toggle-check:checked+.toggle-label .toggle-slider {
  right: 0 !important
}

@media (max-width:763.98px) {
  .pp-toggle {
    flex-direction: column
  }

  .pp-toggle .toggle-text {
    margin-left: 0;
    margin-bottom: var(--my-default-margin-small)
  }

  .pp-toggle .toggle-label {
    order: 1
  }
}

.pp-element {
  margin-top: var(--my-default-margin)
}

#pp-matomo-jst>div+div {
  margin-top: var(--my-default-margin-small)
}

#pp-matomo-jst .jst-msg {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

#pp-matomo-jst .jst-msg>:last-child {
  margin-bottom: 0
}

#pp-matomo-jst .jst-btn label.checkbox {
  display: flex;
  align-items: center;
  gap: var(--my-default-margin-small);
  font-weight: 600;
  margin-bottom: 0;
  cursor: pointer
}

#pp-matomo-jst .jst-btn label.checkbox input {
  position: absolute;
  left: -9999px
}

#pp-matomo-jst .jst-btn label.checkbox i {
  border-radius: var(--my-btn-border-radius);
  position: relative;
  /*display:block;*/
  width: 20px;
  height: 20px;
  outline: 0;
  border-width: 1px;
  border-style: solid;
  border-color: #7f8691;
  background-color: #fff
}

#pp-matomo-jst .jst-btn label.checkbox span {
  display: block;
  flex-shrink: 10
}

#pp-matomo-jst .jst-btn label.checkbox input:checked+i {
  border-color: #7f8691
}

#pp-matomo-jst .jst-btn label.checkbox input:not(checked)+i::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c"
    /*color:#b31b34;*/
    position:absolute;
  z-index: 10;
  top: -5px;
  left: -1px;
  font-size: 23px;
  line-height: 23px;
  font-weight: 400;
  text-align: center;
  overflow: visible
}

#pp-matomo-jst .jst-btn label.checkbox input:checked+i::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*content:"\f00c"*/
  content: url("../icons/fa/circle-check-solid-sm-aqua.svg");
  color: #b31b34;
  position: absolute;
  z-index: 10;
  top: -5px;
  left: -1px;
  font-size: 23px;
  line-height: 23px;
  font-weight: 400;
  text-align: center;
  overflow: visible
}

html.keyboard-nav .pp-banner .selection input:focus+i {
  outline-color: rgba(77, 144, 255, .5);
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 2px;
  z-index: 650000
}

html.keyboard-nav .pp-toggle .toggle-check:focus+.toggle-label .toggle-box {
  outline-color: rgba(77, 144, 255, .5);
  outline-style: solid;
  outline-width: 3px;
  outline-offset: 2px;
  z-index: 650000
}

#mercury-page .external-cookie-notice {
  color: var(--my-highlight-fg-color);
  background-color: var(--my-highlight-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: scroll !important;
  padding: var(--my-box-padding);
  cursor: auto;
  font: 300 14px/1.4 Montserrat, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  border-radius: var(--my-border-radius);
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

@media (min-width:1014px) {
  #mercury-page .external-cookie-notice {
    font-size: 1.6rem
  }
}

#mercury-page .external-cookie-notice.cookie-tiny-font {
  justify-content: flex-start;
  font-size: 12px;
  cursor: pointer
}

#mercury-page .external-cookie-notice.cookie-tiny-font .cookie-message {
  margin-bottom: 0
}

#mercury-page .external-cookie-notice .cookie-header {
  font-weight: var(--my-font-weight-headings);
  font-family: var(--my-font-family-headings);
  font-style: var(--my-font-style-headings);
  font-size: 125%
}

#mercury-page .external-cookie-notice .cookie-header,
#mercury-page .external-cookie-notice .cookie-message,
#mercury-page .external-cookie-notice .cookie-switch {
  margin-bottom: var(--my-default-margin-small)
}

#mercury-page .external-cookie-notice .cookie-footer {
  font-size: 85%;
  color: var(--my-highlight-fg-color)
}

#mercury-page .external-cookie-notice .cookie-footer>:last-child {
  margin-bottom: 0
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-label {
  min-height: 22px
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-box {
  width: 150px
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-slider {
  width: 16px;
  right: 128px;
  background-color: #555
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-inner::after,
#mercury-page .external-cookie-notice .pp-toggle .toggle-inner::before {
  height: 20px;
  line-height: 20px;
  font-size: 85%
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-inner::after {
  background-color: var(--my-highlight-color)
}

#mercury-page .external-cookie-notice .pp-toggle .toggle-text {
  font-size: inherit
}

#mercury-page .modal .modal-dialog.cookie-notice .external-cookie-notice {
  padding: 1rem
}

#mercury-page .modal .modal-dialog.cookie-notice .external-cookie-notice .modal-footer {
  border-top: none
}

#mercury-page .modal .modal-dialog.cookie-notice .external-cookie-notice .modal-footer .btn+.btn {
  margin-left: var(--my-default-margin)
}

.type-search .styled-form {
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  background: inherit
}

.type-search .show-more {
  margin-top: var(--my-default-margin-small)
}

.type-search .search-results-header {
  margin-bottom: var(--my-default-margin)
}

.type-search .search-results-header::after {
  display: block;
  clear: both;
  content: ""
}

.type-search .search-result,
.type-search .search-sort {
  margin-bottom: var(--my-element-margin)
}

.type-search .search-input,
.type-search .search-query,
.type-search .search-sort-options {
  margin-bottom: var(--my-default-margin)
}

.type-search .search-results-count {
  font-weight: 600
}

.type-search .type-list-filter .filterbox>div {
  border: 2px solid #2c8096;
  border-top: none;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: var(--my-border-radius);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.btn.btn-block.by-keywords.li-label {
  background-color: #2c8096;
  color: white;
  font-size: 1.6rem;
  text-align: left;
  padding: 1rem;
  pointer-event: none;
}

.btn.btn-block.by-keywords.li-label:hover {
  cursor: default;
}

.type-search .type-list-filter .filterbox>button.btn.li-label:not(.collapsed) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.type-search .type-list-filter .filterbox>div {
  padding: 15px
}

.type-search .type-list-filter .filterbox:last-of-type {
  margin-bottom: var(--my-default-margin)
}

.type-search .search-result-heading {
  margin-bottom: var(--my-default-margin-verysmall)
}

.type-search .search-result-heading .result-title {
  margin-right: var(--my-default-margin-small);
  vertical-align: middle
}

.type-search .search-result-heading a:hover {
  text-decoration: none
}

.type-search .search-result-heading+.search-result-date {
  margin-top: calc(-1 * var(--my-default-margin-verysmall));
  margin-bottom: var(--my-default-margin-verysmall);
  color: var(--my-grey)
}

.type-search .search-badge {
  font-family: var(--my-body-font-family);
  font-weight: var(--my-body-font-weight);
  font-size: 60%;
  padding: .2rem .75rem;
  border-radius: var(--my-btn-border-radius);
  color: var(--my-grey);
  border: 1px solid var(--my-grey);
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle
}

@media (min-width:1014px) {

  .type-search .search-query.has-facets,
  .type-search .search-results.has-facets,
  .type-search .search-sort.has-facets {
    width: calc((100% + var(--my-gutter-x)) * .666667 - var(--my-gutter-x));
    float: left
  }

  .type-search .search-facets {
    width: calc((100% + var(--my-gutter-x)) * .333333 - var(--my-gutter-x));
    float: right
  }

  .type-search .search-results-head {
    float: left;
    margin-bottom: 0
  }

  .type-search .search-results-count {
    float: right
  }
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.imageflip,
.type-iconbox {
  --my-body-bg: #b31b34;
  --my-body-bg-rgb: 179, 27, 52;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555;
  --my-main-theme: var(--my-link-color);
  --my-main-theme-rgb: var(--my-link-color-rgb);
  --my-main-theme-fg: var(--my-link-fg-color);
  --my-main-theme-hover: var(--my-link-hover-color);
  --my-main-theme-hover-fg: var(--my-link-hover-fg-color);
  --my-headings-color: var(--my-body-color);
  --my-intro-headings-color: var(--my-main-theme);
  --my-highlight-color: rgb(var(--my-highlight-color-rgb), 0.25);
  --my-highlight-fg-color: var(--my-body-color);
  --my-highlight-border-color: var(--my-body-color);
  --my-highlight-border-fg-color: var(--my-body-bg);
  --my-btn-bg: var(--my-link-color);
  --my-btn-fg: var(--my-link-fg-color);
  --my-btn-hover-bg: var(--my-link-hover-color);
  --my-btn-hover-fg: var(--my-link-hover-fg-color);
  --my-btn-border: var(--my-btn-bg);
  --my-btn-hover-border: var(--my-btn-hover-bg)
}

.type-iconbox {
  color: var(--my-body-color);
  background-color: var(--my-body-bg);
  padding: var(--my-box-padding);
  text-align: center;
  display: flex;
  flex-direction: column;
  border-radius: 3px;
  overflow: hidden;
  z-index: 5
}

.type-iconbox a:not(.btn):not(.uncolored) {
  color: inherit
}

.type-iconbox:only-child {
  flex-grow: 1;
  flex-shrink: 1
}

.type-iconbox .icon-title {
  color: inherit;
  flex-grow: 1;
  margin-bottom: var(--my-box-padding);
  line-height: 1.25;
  font-size: 2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.type-iconbox .icon-text {
  margin-top: var(--my-box-padding);
  margin-bottom: 0
}

.type-iconbox .icon-text>p {
  overflow-wrap: anywhere;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis
}

.type-iconbox .icon-text>p:last-of-type {
  margin-bottom: 0
}

.type-iconbox .icon-image {
  flex-grow: 2;
  font-size: 32px;
  display: flex;
  justify-content: center
}

.type-iconbox .icon-link {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  text-decoration: none
}

.type-iconbox .icon-link:hover {
  text-decoration: none
}

.type-iconbox .icon-link:hover h1,
.type-iconbox .icon-link:hover h2,
.type-iconbox .icon-link:hover h3,
.type-iconbox .icon-link:hover h4,
.type-iconbox .icon-link:hover h5,
.type-iconbox .icon-link:hover h6 {
  text-decoration: none
}

@media (min-width:764px) {
  .type-iconbox .icon-title {
    font-size: 2.2rem
  }
}

.type-linkbox {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  text-overflow: ellipsis;
  z-index: 5
}

.type-linkbox>.body {
  flex-basis: auto;
  flex-grow: 1
}

.type-linkbox>.body .headline {
  overflow: hidden;
  text-overflow: ellipsis
}

.type-linkbox>a,
.type-linkbox>a:focus,
.type-linkbox>a:hover {
  color: var(--my-body-color);
  text-decoration: none
}

.type-linkbox>a:hover span.piece-text-link {
  text-decoration: underline
}

.type-linkbox .linkbox-content.piece.full,
.type-linkbox .linkbox-content.piece.full .body,
.type-linkbox .linkbox-link {
  display: flex;
  flex-basis: auto;
  flex-direction: column;
  flex-grow: 100000
}

.type-linkbox .linkbox-content.piece.full .heading {
  flex-grow: 1
}

.type-linkbox.valign-center .linkbox-content.piece.full,
.type-linkbox.valign-center .linkbox-link {
  justify-content: center
}

.type-linkbox.valign-center .linkbox-content.piece.full .body,
.type-linkbox.valign-center .linkbox-content.piece.full .heading {
  flex-grow: initial
}

.imageflip {
  color: var(--my-body-color);
  perspective: 1000px;
  transform-style: preserve-3d;
  position: relative
}

.imageflip:hover {
  z-index: 50
}

.imageflip:hover .back {
  transform: rotateY(0);
  visibility: visible;
  opacity: 1
}

.imageflip:hover .front:not(.noflip) {
  transform: rotateY(180deg);
  pointer-events: none
}

.imageflip .flipper {
  width: 100%;
  transition: .6s;
  transform-style: preserve-3d;
  position: relative
}

.imageflip .back,
.imageflip .front {
  width: 100%;
  backface-visibility: hidden;
  transition: .6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0
}

.imageflip .front {
  z-index: 2;
  transform: rotateY(0)
}

.imageflip .back {
  transform: rotateY(-180deg);
  visibility: hidden;
  opacity: 0
}

.imageflip .text-section {
  border-radius: var(--my-image-border-radius);
  padding: var(--my-box-padding);
  height: 100%;
  overflow: auto;
  color: var(--my-body-color);
  background-color: var(--my-body-bg)
}

.imageflip .text-section.front:not(.noflip) {
  overflow: hidden
}

.imageflip .image-section .heading {
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(.5 * var(--my-box-padding));
  z-index: 9
}

.imageflip .image-section .heading .text-heading {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  border-radius: var(--my-image-border-radius);
  background-color: rgba(var(--my-highlight-color-rgb), .75);
  padding: calc(.5 * var(--my-box-padding));
  margin-bottom: 0
}

.imageflip.color-white {
  --my-body-bg: #fff;
  --my-body-bg-rgb: 255, 255, 255;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.imageflip.color-white .text-section {
  border: 1px solid var(--my-body-color)
}

.imageflip.color-grey {
  --my-body-bg: #f7f7f7;
  --my-body-bg-rgb: 247, 247, 247;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.imageflip.color-theme .image-section .heading .text-heading {
  background-color: rgba(var(--my-body-bg-rgb), .75)
}

@media (min-width:764px) {

  html.desktop .effect-flipraise .imageflip:hover .back,
  html.desktop .effect-flipraise.imageflip:hover .back {
    top: calc(-2 * var(--my-box-padding));
    left: calc(-2 * var(--my-box-padding));
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .25);
    width: calc(100% + 4 * var(--my-box-padding));
    height: calc(100% + 4 * var(--my-box-padding))
  }

  html.desktop .effect-flipraise .imageflip:hover .back.text-section,
  html.desktop .effect-flipraise.imageflip:hover .back.text-section {
    padding: var(--my-box-padding)
  }
}

.sitemap-non-nav a {
  text-decoration: none
}

.type-sitemap {
  --my-sm-color: var(--my-main-theme-hover-fg);
  --my-sm-bg-color: var(--my-main-theme-hover);
  --my-sm-hover-color: var(--my-main-theme-fg);
  --my-sm-hover-bg-color: var(--my-main-theme);
  --my-sm-padding-y: calc(0.25 * 2rem);
  --my-sm-padding-x: calc(0.5 * 2rem);
  --my-sm-border-radius: var(--my-border-radius)
}

.type-sitemap li,
.type-sitemap ul {
  margin: 0;
  padding: 0;
  list-style: none
}

.type-sitemap li a {
  color: var(--my-sm-color);
  background-color: var(--my-sm-bg-color);
  font-size: var(--my-body-font-size);
  line-height: 1.3;
  padding: var(--my-sm-padding-y) var(--my-sm-padding-x);
  width: 100%;
  display: block;
  text-decoration: none
}

.type-sitemap li a:hover {
  color: var(--my-sm-hover-color);
  background-color: var(--my-sm-hover-bg-color);
  text-decoration: none
}

.type-sitemap li a.tree-toggle {
  position: relative;
  padding-right: calc(3 * var(--my-sm-padding-x))
}

.type-sitemap li a.tree-toggle:after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  line-height: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  transform: rotate(-180deg);
  transition: transform .33s;
  right: var(--my-sm-padding-x)
}

.type-sitemap li a.tree-toggle.collapsed:after {
  transform: rotate(0)
}

.type-sitemap li.top {
  float: left;
  width: 100%;
  margin-bottom: var(--my-sm-padding-y);
  border-radius: var(--my-sm-border-radius);
  overflow: hidden;
  z-index: 5
}

.type-sitemap li.top>a {
  color: var(--my-sm-hover-color);
  background-color: var(--my-sm-hover-bg-color);
  font-weight: 600
}

.type-sitemap li.top::after {
  content: " ";
  display: block;
  float: left;
  padding-right: var(--my-sm-padding-x)
}

@media (min-width:1014px) {
  .type-sitemap .sitemap-col-6>li.top {
    width: calc(50% - var(--my-sm-padding-x));
    margin-right: var(--my-sm-padding-x)
  }

  .type-sitemap .sitemap-col-6>li.top:nth-of-type(odd) {
    clear: both
  }
}

@media (min-width:1014px) and (max-width:1199.98px) {
  .type-sitemap .sitemap-col-4>li.top {
    width: calc(50% - var(--my-sm-padding-x));
    margin-right: var(--my-sm-padding-x)
  }

  .type-sitemap .sitemap-col-4>li.top:nth-of-type(odd) {
    clear: both
  }
}

@media (min-width:1200px) {
  .type-sitemap .sitemap-col-4>li.top {
    width: calc(33.333333% - var(--my-sm-padding-x));
    margin-right: var(--my-sm-padding-x)
  }

  .type-sitemap .sitemap-col-4>li.top:nth-of-type(3n+1) {
    clear: both
  }
}

@media (min-width:764px) and (max-width:1013.98px) {
  .type-sitemap .sitemap-col-3>li.top {
    width: calc(50% - var(--my-sm-padding-x));
    margin-right: var(--my-sm-padding-x)
  }

  .type-sitemap .sitemap-col-3>li.top:nth-of-type(odd) {
    clear: both
  }
}

@media (min-width:1014px) and (max-width:1199.98px) {
  .type-sitemap .sitemap-col-3>li.top {
    width: calc(33.333333% - var(--my-sm-padding-x));
    margin-right: var(--my-sm-padding-x)
  }

  .type-sitemap .sitemap-col-3>li.top:nth-of-type(3n+1) {
    clear: both
  }
}

@media (min-width:1200px) {
  .type-sitemap .sitemap-col-3>li.top {
    width: calc(25% - var(--my-sm-padding-x));
    margin-right: var(--my-sm-padding-x)
  }

  .type-sitemap .sitemap-col-3>li.top:nth-of-type(4n+1) {
    clear: both
  }
}

.type-sitemap li.top>ul>li>ul li a {
  padding-left: calc(2 * var(--my-sm-padding-x))
}

.type-sitemap li.top>ul>li>ul>li>ul li a {
  padding-left: calc(3 * var(--my-sm-padding-x))
}

.type-sitemap li.top>ul>li>ul>li>ul>li>ul li a {
  padding-left: calc(4 * var(--my-sm-padding-x))
}

.type-sitemap li.top>ul>li>ul>li>ul>li>ul>li>ul li a {
  padding-left: calc(5 * var(--my-sm-padding-x))
}

.type-slider {
  --my-slider-slide-border-radius: var(--my-border-radius);
  --my-slider-caption-border-radius: var(--my-border-radius)
}

.video-slider {
  display: flex;
  column-gap: 10px;
  over-flow: hidden;
}

.help-center img {
  mask-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))
}

.img-gradient-left-4 img {
  mask-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0))
}

.img-gradient-left-3 img {
  mask-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.75))
}

.img-gradient-left-2 img {
  mask-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5))
}

.img-gradient-left-1 img {
  mask-image: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.25))
}

@media (max-width: 1023.98px) {
  .banner-header .slider-box.custom.caption {
    /* font-weight: bold;*/
    font-size: 4rem !important;
  }

  .banner-header .caption.left {
    margin-left: 1rem;
  }
}

@media (min-width: 1024px) {
  .banner-header .caption {
    /* font-weight: bold;*/
    font-size: 6rem !important;
  }
}

.element.type-slider.hero-slider {
  margin-bottom: 0;
}

.type-slider.hero-slider .slide-wrapper.hide-noscript {
  visibility: hidden;
  max-height: 0
}

.type-slider.logo-slider .slider-box.lm-10 {
  margin-left: -10px;
  margin-right: -10px
}

.type-slider.logo-slider .slider-box.lm-10 .slide-wrapper .visual {
  margin: 10px
}

.type-slider .slider-box {
  position: relative;
  overflow: hidden;
  border-radius: var(--my-slider-slide-border-radius);
  --my-slider-bg: 179, 27, 52;
  --my-slider-fg: #fff;
  --my-slider-caption-top: var(--my-slider-bg);
  --my-slider-caption-sub: var(--my-slider-bg)
}

.type-slider .slider-box.custom .caption {
  background-color: transparent !important;
  padding: 0;
  border-radius: 0
}

.type-slider .slider-box.custom .caption small,
.type-slider .slider-box.custom .caption strong {
  display: inline-block;
  float: left;
  clear: both
}

.type-slider .slider-box.custom .caption.right small,
.type-slider .slider-box.custom .caption.right strong {
  float: right
}

.type-slider .slider-box.custom .caption.center small,
.type-slider .slider-box.custom .caption.center strong {
  float: none
}

.type-slider .slider-box.custom .caption strong {
  background-color: rgb(var(--my-slider-caption-top), .75);
  padding-top: var(--my-default-margin-verysmall);
  padding-bottom: var(--my-default-margin-verysmall)
}

.type-slider .slider-box.custom .caption small {
  background-color: rgb(var(--my-slider-caption-sub), .75);
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: var(--my-default-margin-verysmall)
}

.type-slider .slider-box.custom .caption small:nth-of-type(2) {
  margin-top: 0
}

@media (min-width:1024px) {
  .type-slider .slider-box.custom .caption.center .subcaption br {
    display: block
  }

  .type-slider .slider-box.custom .caption small,
  .type-slider .slider-box.custom .caption strong {
    font-size: 6rem;
    border-radius: var(--my-slider-caption-border-radius)
  }
}

.type-slider .slide-definitions {
  display: flex
}

.type-slider .slide-container,
.type-slider .slide-wrapper {
  border-radius: var(--my-slider-slide-border-radius);
  overflow: hidden;
  z-index: 5;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-grow: 10
}

.type-slider .slide-wrapper .caption {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word;
  padding: var(--my-default-margin-verysmall) 0;
  position: absolute;
  max-width: calc(100% - 2 * var(--my-default-margin));
  background-color: rgb(var(--my-slider-bg), .75);
  border-radius: var(--my-slider-caption-border-radius);
  overflow: hidden;
  z-index: 5
}

.type-slider .slide-wrapper .caption.bottom {
  bottom: var(--my-default-margin)
}

.type-slider .slide-wrapper .caption.top {
  top: var(--my-default-margin)
}

.type-slider .slide-wrapper .caption.middle {
  top: 50%;
  transform: translate(0, -50%)
}

@media(min-width:1024px) {
  .type-slider .slide-wrapper .caption.left {
    left: var(--my-default-margin)
  }
}

@media(min-wdith: 768px) and (max-width:1023.98px) {
  .type-slider .slide-wrapper .caption.left {
    left: var(--my-default-margin-small)
  }
}

.type-slider .slide-wrapper .caption.right {
  right: var(--my-default-margin);
  text-align: right
}

.type-slider .slide-wrapper .caption.center {
  text-align: center;
  white-space: nowrap;
  left: 50%;
  transform: translate(-50%, 0)
}

.type-slider .slide-wrapper .caption.middle.center {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}

.type-slider .slide-wrapper .caption .subcaption br {
  display: none
}

.type-slider .slide-wrapper .caption small,
.type-slider .slide-wrapper .caption strong {
  display: block;
  margin: 0;
  padding: 0 var(--my-default-margin-small);
  color: var(--my-slider-fg);
  text-shadow: 0px 0px 10px white; /*1px 1px 1px rgba(51, 51, 51, .5);*/
  font-family: var(--my-font-family-headings);
  font-weight: var(--my-font-weight-headings);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.type-slider .slide-wrapper .caption strong {
  font-size: 6rem;
  line-height: 1.25
}

.type-slider .slide-wrapper .caption strong+.subcaption small:first-of-type {
  margin-top: var(--my-default-margin-verysmall)
}

.type-slider .slide-wrapper .caption small {
  font-family: var(--my-body-font-family);
  font-size: var(--my-body-font-size);
  line-height: var(--my-body-line-height)
}

.type-slider .slide-wrapper .caption small:nth-of-type(2) {
  margin-top: 0
}

@media (max-width:767.98px) {
  .type-slider .slide-wrapper .caption strong {
    font-size: 2rem
  }
}

@media (min-width:768px) {
  .type-slider .slide-wrapper .caption strong {
    font-size: 3.1rem
  }

  .type-slider .slide-wrapper .caption small {
    font-size: 2.2rem;
    line-height: 1.25
  }
}

.type-slider .slide-wrapper .visual {
  position: relative
}

.type-slider .slide-wrapper .img-responsive {
  width: 100%
}

.type-slider .slide-wrapper img.lazyload,
.type-slider .slide-wrapper img.lazyloading {
  background-color: transparent;
  opacity: 1
}

.type-slider .slide-wrapper img.lazyloaded {
  transition: none
}

.type-slider .slide-wrapper a,
.type-slider .slide-wrapper a:focus,
.type-slider .slide-wrapper a:hover {
  text-decoration: none
}

.type-slider .slide-wrapper .copyright {
  line-height: 1;
  padding: var(--my-copyright-padding);
  font-family: var(--my-copyright-font-family);
  font-size: var(--my-copyright-font-size);
  border-radius: var(--my-copyright-border-radius);
  text-align: var(--my-copyright-pos-right, right);
  right: var(--my-copyright-pos-right, 0);
  text-shadow: var(--my-copyright-text-shadow, none);
  display: inline-block;
  color: var(--my-copyright-color);
  background-color: var(--my-copyright-bg-color);
  opacity: var(--my-copyright-opacity);
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
  box-shadow: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

@media (max-width:763.98px) {
  .type-slider.text-below-on-xs .slider-dots {
    bottom: 5%
  }

  .type-slider.text-below-on-xs .slider-nav-btn {
    display: none !important
  }

  .type-slider.text-below-on-xs .image-src-box,
  .type-slider.text-below-on-xs .image-src-box img,
  .type-slider.text-below-on-xs .slide-wrapper {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }

  .type-slider.text-below-on-xs .captions {
    background-color: rgb(var(--my-slider-bg));
    width: 100%;
    display: flex;
    flex-grow: 10
  }

  .type-slider.text-below-on-xs .slider-box.custom .captions {
    width: 100%;
    background-color: rgb(var(--my-slider-caption-sub))
  }

  .type-slider.text-below-on-xs .slider-box.custom .caption {
    width: 100%
  }

  .type-slider.text-below-on-xs .slider-box.custom .caption strong {
    display: block;
    width: 100%;
    padding: var(--my-default-margin-verysmall) var(--my-default-margin-small);
    background-color: rgb(var(--my-slider-caption-top))
  }

  .type-slider.text-below-on-xs .slider-box.custom .caption small,
  .type-slider.text-below-on-xs .slider-box.custom .caption strong {
    float: none;
    clear: none
  }

  .type-slider.text-below-on-xs .slider-box.custom .caption small {
    display: inline;
    margin-top: 0
  }

  .type-slider.text-below-on-xs .slide-wrapper .caption {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: static;
    max-width: initial;
    min-height: calc(6rem + 10px);
    background-color: rgb(var(--my-slider-bg));
    opacity: 1 !important;
    text-align: initial !important;
    white-space: initial !important;
    transform: initial !important
  }

  .type-slider.text-below-on-xs .slide-wrapper strong {
    font-size: 2.6rem;
    line-height: 1.25;
    font-weight: var(--my-font-weight-headings)
  }

  .type-slider.text-below-on-xs .slide-wrapper small {
    display: inline;
    padding: 0
  }

  .type-slider.text-below-on-xs .slide-wrapper small:nth-of-type(2)::before {
    display: inline-block;
    content: " "
  }

  .type-slider.text-below-on-xs .slide-wrapper .subcaption {
    display: block;
    padding: var(--my-default-margin-verysmall) var(--my-default-margin-small)
  }
}

.use-embla-slider.hero-slider .slider-initialized .slide-wrapper.hide-noscript {
  visibility: visible;
  max-height: none
}

div#\a \a \a \a \a \a \a \a \a \a \a sl_7dfb2848 {
  margin: 0
}

.use-embla-slider.hero-slider .mw-0 .slide-wrapper {
  margin-right: 0
}

.use-embla-slider.hero-slider .mw-sm .slide-wrapper {
  margin-right: var(--my-default-margin-small)
}

.use-embla-slider.hero-slider .mw-md .slide-wrapper {
  margin-right: var(--my-default-margin)
}

.use-embla-slider.hero-slider .mw-lg .slide-wrapper {
  margin-right: calc(2 * var(--my-default-margin))
}

.use-embla-slider.hero-slider .slide-wrapper {
  flex: 0 0 100%
}

.use-embla-slider.hero-slider .slide-wrapper .caption {
  transition: opacity 1.5s linear;
  opacity: 0
}

.use-embla-slider.hero-slider .slide-wrapper.slide-active .caption {
  opacity: 1
}

.use-embla-slider.hero-slider .tr-timed:not(.slider-initialized) * {
  visibility: hidden
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).slider-initialized {
  z-index: 0
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).slider-initialized .slide-definitions {
  transform: none !important;
  display: grid
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).slider-initialized .slide-wrapper {
  transform: none !important;
  grid-row: 1;
  grid-column: 1;
  opacity: 0;
  z-index: 1;
  transition: opacity 2s
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).slider-initialized .slide-wrapper.slide-active {
  opacity: 1;
  z-index: 10;
  transition: opacity 1.5s
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).sp-slow .slide-wrapper {
  transition: opacity 2.5s
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).sp-slow .slide-wrapper.slide-active {
  transition: opacity 3s
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).sp-fast .slide-wrapper {
  transition: opacity 1s
}

.use-embla-slider.hero-slider .tr-fade:not(.is-dragging).sp-fast .slide-wrapper.slide-active {
  transition: opacity .75s
}

.use-embla-slider.logo-slider .all-in-view .slide-definitions {
  justify-content: center
}

.use-embla-slider.logo-slider .all-in-view .slider-nav-btn {
  display: none
}

.slider-box [type=button],
.slider-box button {
  -webkit-appearance: auto;
  border: none;
  color: transparent;
  background-color: transparent;
  display: block;
  line-height: 0;
  font-size: 0px;
  cursor: pointer
}

.slider-nav-btn {
  display: flex;
  position: absolute;
  bottom: 50%;
  transform: translateY(50%);
  z-index: 1100;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: opacity .5s linear
}

.slider-nav-btn:focus,
.slider-nav-btn:hover {
  opacity: 1
}

/*.slider-nav-btn::before{content:" ";display:block;width:40px;height:40px;background-size:40px}*/
.slider-nav-btn.prev-btn {
  left: 10px;
  content: "\f053";
  font: bold normal normal 40px / 1 FontAwesome;
  padding: 10px;
}

.slider-nav-btn.next-btn {
  right: 10px;
  content: "\f054";
  font: bold normal normal 40px/1 FontAwesome;
  padding: 10px;
}

.slider-nav-btn.next-btn::before {
  transform: rotate(180deg)
}

.slider-dots {
  display: flex;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  bottom: 5%;
  z-index: 1100;
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
  opacity: 0;
  transition: opacity .5s linear
}

.slider-dots li {
  position: relative;
  display: inline-block;
  margin: 0 .25rem;
  padding: 0
}

.slider-dots li button {
  margin: 0;
  padding: 5px;
}

.slider-dots li button::before {
  content: "\f111";
  display: block;
  width: 20px;
  height: 20px;
  background-size: 20px;
  ;
  opacity: .5
}

.slider-dots li button:focus::before,
.slider-dots li button:hover::before {
  content: "\f111";
  font: normal normal normal 20px / 1 FontAwesome;
  color: #ffffff;
  opacity: 1
}

.slider-dots li button.active::before {
  content: "\f111";
  font: normal normal normal 20px / 1 FontAwesome;
  color: #2c8096;
  opacity: 1
}

.slider-dots li button:not(.active)::before {
  content: "\f111";
  font: normal normal normal 20px / 1 FontAwesome;
  color: #ffffff;
  opacity: 1
}

html.mobile .slider-dots li button:hover::before {
  opacity: .5
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .slider-nav-btn.prev-btn {
    left: 6px;
    font-size: 32px
  }

  .slider-nav-btn.next-btn {
    right: 6px;
    font-size: 32px
  }

  .slider-dots li button::before {
	  width: 18px;
	  height: 18px;
  }

  .slider-dots li button.active::before {
    font-size: 18px;
  }

  .slider-dots li button:not(.active)::before {
    font-size: 18px;
  }
}

@media (min-width: 552px) and (max-width: 767.98px) {
  .slider-nav-btn.prev-btn {
    left: 3px;
    font-size: 26px
  }

  .slider-nav-btn.next-btn {
    right: 3px;
    font-size: 26px
  }

  .slider-dots li button::before {
	  width: 16px;
	  height: 16px;
  }

  .slider-dots li button.active::before {
    font-size: 16px;
  }

  .slider-dots li button:not(.active)::before {
    font-size: 16px;
  }
}

@media (max-width: 551.98px) {
  .slider-nav-btn.prev-btn {
    left: 0px;
    font-size: 20px
  }

  .slider-nav-btn.next-btn {
    right: 0px;
    font-size: 20px
  }

  .slider-dots li button::before {
	  width: 14px;
	  height: 14px;
  }

  .slider-dots li button.active::before {
    font-size: 14px;
  }

  .slider-dots li button:not(.active)::before {
    font-size: 14px;
  }
}

.type-slider .slider-box .slider-nav-btn,
html.keyboard-nav .type-slider .slider-box .slider-nav-btn {
  opacity: .5
}

.type-slider .slider-box .slider-nav-btn:focus,
.type-slider .slider-box .slider-nav-btn:hover,
html.keyboard-nav .type-slider .slider-box .slider-nav-btn:focus,
html.keyboard-nav .type-slider .slider-box .slider-nav-btn:hover {
  opacity: 1
}

.type-slider .slider-box .slider-dots,
html.keyboard-nav .type-slider .slider-box .slider-dots {
  opacity: 1
}

html.noscript .use-embla-slider.hero-slider .tr-timed:not(.slider-initialized) * {
  visibility: visible
}

.social-icons .fab,
.social-icons .fas {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: inherit
}

.social-icons {
  list-style: none;
  font-size: 0;
  padding: 0;
  line-height: 1
}

.social-icons ul {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap
}

.social-icons.element {
  margin-bottom: calc(var(--my-element-margin) - var(--my-default-margin-small))
}

.social-icons li {
  display: inline-block;
  margin-top: 0;
  margin-left: 0;
  margin-right: var(--my-default-margin-small);
  margin-bottom: var(--my-default-margin-small);
  vertical-align: middle
}

.social-icons li a {
  color: #555;
  background-color: #ddd;
  width: 3rem;
  height: 3rem;
  display: block;
  border: none;
  font-size: 1.5rem;
  border-radius: var(--my-btn-border-radius)
}

.social-icons li a * {
  color: #555
}

.social-icons li a:hover {
  text-decoration: none
}

.social-icons li a:hover * {
  color: #fff;
  transition-property: color, background-color, border-color;
  transition-duration: .33s;
  transition-timing-function: ease
}

.social-icons li:last-of-type {
  margin-right: 0
}

.social-icons .share_text {
  display: none;
  text-align: left;
  padding-right: var(--my-default-margin-small);
  font-size: var(--my-body-font-size);
  font-family: var(--my-btn-font-family);
  font-weight: 400
}

.social-icons .fa,
.social-icons .fab,
.social-icons .fas,
.social-icons .ico {
  width: 3rem;
  line-height: 3rem;
  text-align: center;
  font-size: 1.5rem
}

.social-icons .ico-svg {
  line-height: 1;
  height: 3rem;
  display: inline-flex;
  align-items: center;
  justify-content: center
}

.social-icons .bgi {
  width: 3rem;
  height: 3rem;
  vertical-align: top
}

.social-icons.verbose li a {
  width: initial
}

.social-icons.verbose .share_text {
  display: inline-block;
  line-height: 3rem
}

.social-icons.verbose a {
  width: initial;
  display: flex
}

.social-icons.verbose a .share_text {
  display: inline;
  display: flex;
  align-items: center
}

.social-icons.stacked li {
  width: 100%;
  margin-right: 0
}

.social-icons.stacked li a {
  width: 100%
}

@media (min-width:552px) {
  .social-icons.verbose-sm a {
    width: initial;
    display: flex
  }

  .social-icons.verbose-sm a .share_text {
    display: inline;
    display: flex;
    align-items: center
  }

  .social-icons.stacked-sm li {
    width: 100%;
    margin-right: 0
  }

  .social-icons.stacked-sm li a {
    width: 100%
  }
}

@media (min-width:764px) {
  .social-icons.verbose-md a {
    width: initial;
    display: flex
  }

  .social-icons.verbose-md a .share_text {
    display: inline;
    display: flex;
    align-items: center
  }

  .social-icons.stacked-md li {
    width: 100%;
    margin-right: 0
  }

  .social-icons.stacked-md li a {
    width: 100%
  }
}

@media (min-width:1014px) {
  .social-icons.verbose-lg a {
    width: initial;
    display: flex
  }

  .social-icons.verbose-lg a .share_text {
    display: inline;
    display: flex;
    align-items: center
  }

  .social-icons.stacked-lg li {
    width: 100%;
    margin-right: 0
  }

  .social-icons.stacked-lg li a {
    width: 100%
  }
}

@media (min-width:1200px) {
  .social-icons.verbose-xl a {
    width: initial;
    display: flex
  }

  .social-icons.verbose-xl a .share_text {
    display: inline;
    display: flex;
    align-items: center
  }

  .social-icons.stacked-xl li {
    width: 100%;
    margin-right: 0
  }

  .social-icons.stacked-xl li a {
    width: 100%
  }
}

.social-icons li.facebook a:hover {
  background-color: #4267b2
}

.social-icons li.youtube a:hover {
  background-color: red
}

.social-icons li.twitter a:hover {
  background-color: #00acee
}

.social-icons li.github a:hover {
  background-color: #777
}

.social-icons li.xing a:hover {
  background-color: #026466
}

.social-icons li.rss a:hover {
  background-color: #ee802f
}

.social-icons li.whatsapp a:hover {
  background-color: #25d366
}

.social-icons li.linkedin a:hover {
  background-color: #2867b2
}

.social-icons li.instagram a:hover {
  background-color: #c13584
}

.social-icons li.mail a:hover {
  background-color: #999
}

.social-icons li.wallsio a:hover {
  background-color: #000
}

.social-icons li.slideshare a:hover {
  background-color: #e98325
}

.social-icons.themed li a {
  background-color: var(--my-main-theme)
}

.social-icons.themed li a * {
  color: var(--my-main-theme-fg)
}

.social-icons.colored li a * {
  color: #fff
}

.social-icons.colored li.facebook a {
  background-color: #4267b2
}

.social-icons.colored li.facebook a:hover {
  background-color: #4d7bda
}

.social-icons.colored li.youtube a {
  background-color: red
}

.social-icons.colored li.youtube a:hover {
  background-color: #f33
}

.social-icons.colored li.twitter a {
  background-color: #00acee
}

.social-icons.colored li.twitter a:hover {
  background-color: #22c2ff
}

.social-icons.colored li.github a {
  background-color: #777
}

.social-icons.colored li.github a:hover {
  background-color: #a77a7a
}

.social-icons.colored li.xing a {
  background-color: #026466
}

.social-icons.colored li.xing a:hover {
  background-color: #00989b
}

.social-icons.colored li.rss a {
  background-color: #ee802f
}

.social-icons.colored li.rss a:hover {
  background-color: #ff9b51
}

.social-icons.colored li.whatsapp a {
  background-color: #25d366
}

.social-icons.colored li.whatsapp a:hover {
  background-color: #36f57d
}

.social-icons.colored li.linkedin a {
  background-color: #2867b2
}

.social-icons.colored li.linkedin a:hover {
  background-color: #227eeb
}

.social-icons.colored li.instagram a {
  background-color: #c13584
}

.social-icons.colored li.instagram a:hover {
  background-color: #e6439f
}

.social-icons.colored li.mail a {
  background-color: #999
}

.social-icons.colored li.mail a:hover {
  background-color: #c2a3a3
}

.social-icons.colored li.wallsio a {
  background-color: #000
}

.social-icons.colored li.wallsio a:hover {
  background-color: #1f1414
}

.social-icons.colored li.slideshare a {
  background-color: #e98325
}

.social-icons.colored li.slideshare a:hover {
  background-color: #ff9d42
}

.social-icons li.instagram a:hover,
.social-icons.colored li.instagram a {
  background: radial-gradient(circle at 30% 107%, #fdf497 0, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%)
}

.social-icons.colored li.instagram a:hover {
  background: radial-gradient(circle at 30% 107%, #fdf497 0, #fff69a 5%, #ff6f61 45%, #f529b6 60%, #285aeb 90%)
}

.social-icons.colored li.youtube a:hover {
  background-color: #c00
}

.social-icons.colored li.wallsio a:hover {
  background-color: #444
}

html.desktop:not(.opencms-page-editor) li.whatsapp {
  display: none
}

.tab-list>li>button.tab-toggle.active {
  width: 95%;
  font-weight: bold;
  text-align: center;
  border-radius: 1rem 1rem 0 0;
  border-bottom: 0 !important;
  color: #2c8096;
  background-color: white;
  border: 1px solid lightgrey;
  padding: 1rem;
  top: -1px;
}

.tab-list>li>button.tab-toggle {
  font-weight: bold;
  text-align: center;
  width: 95%;
  border-radius: 1rem 1rem 0 0;
  color: #2c8096;
  background-color: #e2f6fb;
  border: 1px solid lightgrey;
  padding: 1rem;
  margin: 0 5px 0 0;
}

.accordion .acco-header,
.tab-list>li {
  position: relative
}

.accordion .acco-header>.hash-link,
.tab-list>li>.hash-link {
  display: none
}

.accordion .acco-header:hover>.hash-link,
.tab-list>li:hover>.hash-link {
  font-size: var(--my-body-font-size);
  font-weight: var(--my-body-font-weight);
  line-height: var(--my-body-line-height);
  position: absolute;
  right: calc(.5 * var(--my-at-spacing-x));
  top: var(--my-at-spacing-y);
  display: flex;
  z-index: 5
}

.accordion .acco-header .acco-toggle:hover[aria-expanded=false]::after {
  color: white
}

.accordion .acco-header .acco-toggle[aria-expanded=false]::after {
  color: #2c8096
}

.accordion .acco-header .acco-toggle,
.tab-list>li>.tab-toggle {
  display: block;
  width: 100%;
  position: relative;
  margin: 0;
  padding: var(--my-at-spacing-y) var(--my-at-spacing-x);
  font-family: var(--my-font-family-headings);
  font-weight: var(--my-font-weight-headings);
  font-size: 2rem;
  line-height: 1.2;
  text-transform: none;
  text-decoration: none;
  text-align: inherit;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: keep-all;
  border: var(--my-at-border);
  border-radius: var(--my-at-border-radius);
  text-overflow: ellipsis;
  overflow: hidden;
  z-index: 5;
  color: var(--my-at-header);
  background-color: white
    /*var(--my-at-header-bg)*/
  ;
  color: #2c8096
}

@media (max-width: 767.98px) {
  .aboutQR-tab .tab-list>li>button.tab-toggle {
    height: calc(35px + 2rem);
  }

  .aboutQR-tab .tab-list>li:nth-child(1) {
    flex: 0 0 18%;
    /*width: 12%;*/
  }

  .aboutQR-tab .tab-list>li:nth-child(2) {
    flex: 0 0 27%;
	/*flex: 0 0 24%;*/
    /*width: 22%;*/
  }

  .aboutQR-tab .tab-list>li:nth-child(3) {
    flex: 0 0 27%;
	/*flex: 0 0 24%;*/
    /*width: 22%; */
  }

  .aboutQR-tab .tab-list>li:nth-child(4) {
	flex: 0 0 27%;
    /*flex: 0 0 32%;*/
    /*width: 30%*/
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .aboutQR-tab .tab-list>li>button.tab-toggle {
    height: calc(32px + 2rem);
  }

  .aboutQR-tab .tab-list>li:nth-child(1) {
    width: 16%;
  }

  .aboutQR-tab .tab-list>li:nth-child(2) {
    width: 22%;
  }

  .aboutQR-tab .tab-list>li:nth-child(3) {
    width: 22%;
  }

  .aboutQR-tab .tab-list>li:nth-child(4) {
    width: 28%;
  }
}

@media(max-width: 1023.98px) {
  .tab-list>li>button.tab-toggle {}
}

@media (min-width: 1024px) and (max-width: 1499.98px) {
  .aboutQR-tab .tab-list>li:nth-child(1) {
    width: 11%;
  }

  .aboutQR-tab .tab-list>li:nth-child(2) {
    width: 29%
  }

  .aboutQR-tab .tab-list>li:nth-child(3) {
    width: 26%;
  }

  .aboutQR-tab .tab-list>li:nth-child(4) {
    width: 34%;
  }
}

@media(min-width: 1500px) {
  .aboutQR-tab .tab-list>li:nth-child(1) {
    width: 11%;
  }

  .aboutQR-tab .tab-list>li:nth-child(2) {
    width: 20%
  }

  .aboutQR-tab .tab-list>li:nth-child(3) {
    width: 20%;
  }

  .aboutQR-tab .tab-list>li:nth-child(4) {
    width: 30%;
  }
}

@media (max-width: 1013.98px) {
  .glossary-tab .tab-list>li {
    width: 15vw;
  }

  .glossary-tab .tab-list>li:last-of-type {
    width: 20vw;
  }
  

  .faq-tab .tab-list>li:nth-child(1) {
    width: 17%;
  }

  .faq-tab .tab-list>li:nth-child(2) {
    width: 29%;
  }

  .faq-tab .tab-list>li:nth-child(3) {
    width: 54%;
  }
}

@media (min-width: 1014px) {
  .glossary-tab .tab-list>li {
    width: 15vw;
  }

  .faq-tab .tab-list>li {
    width: 300px !important;
  }
}

@media(min-width: 1024px) {
  .accordion .acco-header .acco-toggle,
  .type-faq.accordion .text,
  .type-faq.accordion .text a,
  .tab-list>li>.tab-toggle {
    font-size: 1.6rem;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .accordion .acco-header .acco-toggle,
  .type-faq.accordion .text,
  .type-faq.accordion .text a,
  .tab-list>li>.tab-toggle {
    font-size: 1.4rem;
  }
}

@media (max-width: 767.98px) {
  .accordion .acco-header .acco-toggle,
  .type-faq.accordion .text,
  .type-faq.accordion .text a,
  .tab-list>li>button.tab-toggle.active,
  .tab-list>li>.tab-toggle {
    font-size: 1.2rem;
  }

  .tab-content {
    margin-top: -8px;
  }

  .tab-list>li {
    width: 22vw;
    margin-bottom: 0;
  }
}

@media (max-width: 420px) {
	.faq-tab .tab-list>li>button.tab-toggle {
		height: calc(35px + 2rem);
	}
	
	.faq-tab-chi .tab-list>li:nth-child(1) {
		width: 22vw;
	}
	
	.faq-tab-chi .tab-list>li:nth-child(2) {
		width: 22vw;
	}
	
	.faq-tab-chi .tab-list>li:nth-child(3) {
		width: 38vw;
	}
}

@media (max-width: 354px) {
	.aboutQR-tab-chi .tab-list>li>button.tab-toggle {
		height: calc(20px + 2rem);
	}

	.aboutQR-tab-chi .tab-list>li:nth-child(1) {
		width: 12vw;
	}

	.aboutQR-tab-chi .tab-list>li:nth-child(4) {
		width: 32vw;
	}
}

.faq-fixed-font-size .accordion .acco-header .acco-toggle,
.faq-fixed-font-size .type-faq.accordion .text,
.faq-fixed-font-size .type-faq.accordion .text a {
  font-size: 1.6rem;
}

.accordion .acco-header .acco-toggle[aria-expanded=true],
.tab-list>li>.tab-toggle.active {
  color: var(--my-at-header-active);
  background-color: #2c8096
    /*var(--my-at-header-active-bg)*/
  ;
  border-color: #2c8096
    /*var(--my-at-header-active-bg)*/
}

.accordion .acco-header .acco-toggle:hover,
.tab-list>li>.tab-toggle:hover {
  color: var(--my-at-header-hover);
  background-color: #2c8096
    /*var(--my-at-header-hover-bg)*/
  ;
  border-color: #2c8096
    /*var(--my-at-header-hover-bg)*/
  ;
  text-decoration: none
}

.variatn-tabs {
  --my-at-magin-between: 0;
}

.accordion,
.variant-tabs {
  --my-at-header: var(--my-highlight-fg-color);
  --my-at-header-bg: var(--my-highlight-color);
  --my-at-header-active: var(--my-main-theme-fg);
  --my-at-header-active-bg: var(--my-main-theme);
  --my-at-header-hover: var(--my-main-theme-hover-fg);
  --my-at-header-hover-bg: var(--my-main-theme-hover);
  --my-at-spacing-x: 1rem;
  --my-at-spacing-y: 0.5rem;
  --my-at-content-padding-x: 1rem;
  --my-at-content-padding-y: 1rem;
  --my-at-margin-between: 0.5rem;
  --my-at-border-radius: var(--my-border-radius);
  --my-at-border-color: var(--my-grey-light);
  --my-at-border: 1px solid var(--my-at-border-color);
  --my-tab-content-margin-top: 1rem;
  --my-acco-body-margin-top: -1px;
  --my-acco-body-bg: transparent
}

.tab-content {
  border: 1px solid lightgrey;
  0px;
  background-color: rgba(255, 255, 255, 0.1);
  /*padding: 1rem;*/
  margin-top: -2px;
  border-radius: 0 1rem 1rem 1rem
}

.tab-content>.tab-pane {
  padding: 10px;
  margin: 0px 10px 10px 10px;
  display: none
}

.tab-content>.active {
  display: block
}

.tab-list {
  list-style: none;
  padding: 0;
  margin: 0;
  align-items: end;
}

.tab-list::after {
  display: block;
  clear: both;
  content: ""
}

.tab-list::after {
  clear: both
}

.tab-list>li {
  margin-bottom: var(--my-at-margin-between)
}

.tab-list>li:last-of-type {
  margin-bottom: 0
}

.acco-body>div>.row-12:last-child,
.acco-body>div>.row:last-child,
.tab-pane>div>.row-12:last-child,
.tab-pane>div>.row:last-child {
  margin-bottom: calc(-1 * var(--my-element-margin))
}

.acco-body>div>.detail-page:last-child,
.acco-body>div>.element:last-child,
.tab-pane>div>.detail-page:last-child,
.tab-pane>div>.element:last-child {
  margin-bottom: 0
}

.accordion {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
  margin-bottom: var(--my-at-margin-between)
}

.accordion:last-of-type {
  margin-bottom: 0
}

.accordion .acco-header {
  margin: 0
}

.accordion .acco-header .acco-toggle[aria-expanded=true] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.accordion .acco-header:hover>.hash-link {
  top: 50%;
  transform: translateY(-50%);
  right: calc(3rem + var(--my-at-spacing-x))
}

.accordion .acco-header .acco-toggle {
  padding-right: calc(3rem + var(--my-at-spacing-x))
}

.accordion .acco-header .acco-toggle.collapsed::after {
  font-weight: 100;
  font-family: FontAwesome;
  content: "\f067";
}

.accordion .acco-header .acco-toggle::after {
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f068";
  line-height: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  transform: rotate(-180deg);
  transition: transform .33s;
  right: var(--my-at-spacing-x)
}

.accordion .acco-header .acco-toggle.collapsed::after {
  /*transform:rotate(0)*/
}

.accordion .acco-body {
  border: var(--my-at-border);
  border-radius: var(--my-at-border-radius);
  background-color:
    /*var(--my-acco-body-bg)*/
    white;
  margin-top: var(--my-acco-body-margin-top);
  padding: var(--my-at-content-padding-y) var(--my-at-content-padding-x);
  overflow: hidden;
  z-index: 5
}

.accordion .acco-body.collapsing,
.accordion .acco-body.show {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.accordion .acco-body>.piece:not(:last-of-type) {
  margin-bottom: var(--my-element-margin)
}

.accordion .sub-header {
  margin-bottom: var(--my-headings-margin-bottom)
}

@media (max-width: 552px) {

  .tab-list>li>button.tab-toggle,
  .tab-list>li>button.tab-toggle.active {
    padding: 0.8rem 0;
  }
}

@media (max-width: 1023.98px) {
  .aboutQR-tab button.tab-toggle[aria-selected=false] {
    /*position: absolute;*/
    top: -1px
  }
}

@media (max-width: 1013.98px) {

  /*.tab-list>li:last-of-type {width: 32%}*/
  .tab-list>li {
    width: 22vw;
    float: left;
    margin-bottom: 0;
  }

  button.tab-toggle[aria-selected=false] {
    /*position: absolute;*/
    top: -1px
  }
}

@media (min-width:1014px) {

  /*.tab-list{border-bottom:solid 2px var(--my-at-header-active-bg)#2c8096}*/
  .faq-tab .tab-list>li:last-child {
    width: 30%;
  }

  .tab-list>li {
    width: 18%;
    float: left;
    margin-bottom: 0;
  }

  button.tab-toggle[aria-selected=false] {
    /*position: absolute;*/
    top: -1px
  }

  .tab-list>li>.tab-toggle {
    width: auto;
    color: var(--my-body-color);
    background-color: transparent;
    border: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
  }
}

.variant-tile-accordion .tile-accordion.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 0
}

.variant-tile-accordion .collapse-trigger {
  display: flex;
  position: relative
}

.variant-tile-accordion .collapse-trigger .tile-col {
  container: tile-col/inline-size;
  display: flex;
  flex-direction: column;
  z-index: 1
}

.variant-tile-accordion .collapse-trigger .boxbg-overlay,
.variant-tile-accordion .collapse-trigger .text-overlay {
  --my-square-text-overlay-fg-shadow: none;
  --my-square-text-overlay-bg-opacity: 0.75;
  --my-square-text-overlay-bg: var(--my-body-bg);
  --my-square-text-overlay-bg-rgb: var(--my-body-bg-rgb);
  --my-square-text-overlay-fg: var(--my-body-color)
}

.variant-tile-accordion .collapse-trigger .text-overlay {
  display: flex;
  align-items: center
}

.variant-tile-accordion .collapse-trigger .text-overlay .piece {
  width: 100%
}

@container tile-col (max-width:150px) {
  .variant-tile-accordion .collapse-trigger .text-overlay {
    --my-square-text-overlay-padding-h: 1rem
  }
}

.variant-tile-accordion .collapse-trigger .piece-heading {
  font-weight: var(--my-font-weight-headings);
  font-family: var(--my-font-family-headings);
  font-style: var(--my-font-style-headings);
  overflow: visible;
  font-size: 1.8rem
}

@container tile-col (min-width:0px) {
  .variant-tile-accordion .collapse-trigger .piece-heading {
    font-size: calc(10px + 12 * clamp(0px, (100cqw - 100px) / 200, 1px))
  }
}

.variant-tile-accordion .collapse-trigger .hash-link {
  display: none;
  z-index: 25;
  position: absolute;
  top: 15px;
  right: calc(15px + .5 * var(--my-gutter-x))
}

.variant-tile-accordion .collapse-trigger:hover>.hash-link {
  display: block
}

.variant-tile-accordion .collapse-target {
  margin-top: max(var(--my-gutter-y), 10px);
  margin-bottom: calc(10 * clamp(0px, 10px - var(--my-gutter-y), 1px))
}

.variant-tile-accordion .collapse-target.collapsing {
  transition: none
}

.variant-tile-accordion .collapse-target .detail-page:last-child,
.variant-tile-accordion .collapse-target .element:last-child {
  margin-bottom: 0
}

.variant-tile-accordion.show-button .collapse-trigger .trigger-item::after {
  font-family: FontAwesome
    /*var(--my-icon-font-family)*/
  ;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f068";
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  line-height: 1;
  color: var(--my-body-color);
  background-color: var(--my-body-bg);
  font-size: 20px;
  width: 40px;
  height: 40px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: var(--my-image-border-radius);
  border-bottom-right-radius: var(--my-image-border-radius);
  bottom: -40px;
  transition: bottom .33s, opacity .33s;
  transform: translateX(-50%);
  left: 50%;
  opacity: 1
}

.variant-tile-accordion.show-button .collapse-trigger.collapsed .trigger-item::after {
  bottom: 0;
  opacity: 0
}

.variant-tile-accordion.show-button .collapse-target::before {
  display: flex;
  content: "";
  height: 0;
  transition: height .33s
}

.variant-tile-accordion.show-button .collapse-target.show::before {
  height: calc(40px)
}

.variant-tile-accordion.hide-button .collapse-target.collapsing {
  transition: height .1s
}

.variant-tile-accordion.show-border .collapse-trigger .content-box {
  outline: 4px solid var(--my-body-bg);
  transition: outline-width .2s
}

.variant-tile-accordion.show-border .collapse-trigger.collapsed .content-box {
  outline-width: 0
}

.variant-tile-accordion.text-below .collapse-trigger .text-overlay {
  --my-square-text-overlay-bg-opacity: 1;
  position: relative;
  flex-grow: 1
}

.variant-tile-accordion.text-below .collapse-trigger .content-box {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.variant-tile-accordion.text-below .collapse-trigger .content-box .effect-box .image-src-box,
.variant-tile-accordion.text-below .collapse-trigger .content-box .effect-box .image-src-box img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

@media (max-width:763.98px) {
  .variant-tile-accordion span.col-6:nth-of-type(n+1) {
    order: 10
  }

  .variant-tile-accordion span.col-6:nth-of-type(n+3) {
    order: 30
  }

  .variant-tile-accordion span.col-6:nth-of-type(n+5) {
    order: 50
  }

  .variant-tile-accordion span.col-6:nth-of-type(n+7) {
    order: 70
  }

  .variant-tile-accordion span.col-6:nth-of-type(n+9) {
    order: 90
  }

  .variant-tile-accordion span.col-6:nth-of-type(n+11) {
    order: 110
  }

  .variant-tile-accordion span.col-6:nth-of-type(n+13) {
    order: 130
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+1) {
    order: 20
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+3) {
    order: 40
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+5) {
    order: 60
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+7) {
    order: 80
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+9) {
    order: 100
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+11) {
    order: 120
  }

  .variant-tile-accordion div.target-6:nth-of-type(n+13) {
    order: 140
  }
}

@media (min-width:764px) {
  .variant-tile-accordion span.col-md-3:nth-of-type(n+1) {
    order: 10
  }

  .variant-tile-accordion span.col-md-3:nth-of-type(n+5) {
    order: 30
  }

  .variant-tile-accordion span.col-md-3:nth-of-type(n+9) {
    order: 50
  }

  .variant-tile-accordion span.col-md-3:nth-of-type(n+13) {
    order: 70
  }

  .variant-tile-accordion div.target-md-3:nth-of-type(n+1) {
    order: 20
  }

  .variant-tile-accordion div.target-md-3:nth-of-type(n+5) {
    order: 40
  }

  .variant-tile-accordion div.target-md-3:nth-of-type(n+9) {
    order: 60
  }

  .variant-tile-accordion div.target-md-3:nth-of-type(n+13) {
    order: 80
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+1),
  .variant-tile-accordion span.col-md-4:nth-of-type(n+1) {
    order: 10
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+4),
  .variant-tile-accordion span.col-md-4:nth-of-type(n+4) {
    order: 30
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+7),
  .variant-tile-accordion span.col-md-4:nth-of-type(n+7) {
    order: 50
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+10),
  .variant-tile-accordion span.col-md-4:nth-of-type(n+10) {
    order: 70
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+13),
  .variant-tile-accordion span.col-md-4:nth-of-type(n+13) {
    order: 90
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+1),
  .variant-tile-accordion div.target-md-4:nth-of-type(n+1) {
    order: 20
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+4),
  .variant-tile-accordion div.target-md-4:nth-of-type(n+4) {
    order: 40
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+7),
  .variant-tile-accordion div.target-md-4:nth-of-type(n+7) {
    order: 60
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+10),
  .variant-tile-accordion div.target-md-4:nth-of-type(n+10) {
    order: 80
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+13),
  .variant-tile-accordion div.target-md-4:nth-of-type(n+13) {
    order: 100
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+1) {
    order: 10
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+3) {
    order: 30
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+5) {
    order: 50
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+7) {
    order: 70
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+9) {
    order: 90
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+11) {
    order: 110
  }

  .variant-tile-accordion span.col-md-6:nth-of-type(n+13) {
    order: 130
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+1) {
    order: 20
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+3) {
    order: 40
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+5) {
    order: 60
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+7) {
    order: 80
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+9) {
    order: 100
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+11) {
    order: 120
  }

  .variant-tile-accordion div.target-md-6:nth-of-type(n+13) {
    order: 140
  }
}

@media (min-width:1014px) {
  .variant-tile-accordion span.col-lg-2:nth-of-type(n+1) {
    order: 10
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+7) {
    order: 30
  }

  .variant-tile-accordion span.col-lg-2:nth-of-type(n+13) {
    order: 50
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+1) {
    order: 20
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+7) {
    order: 40
  }

  .variant-tile-accordion div.target-lg-2:nth-of-type(n+13) {
    order: 60
  }
}

.square-col {
  --my-sq-ratio: 1;
  float: left;
  position: relative;
  width: 100%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * 1 * var(--my-sq-ratio) + 2 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-col .content {
  position: absolute !important;
  overflow: auto;
  z-index: 5;
  border-radius: var(--my-border-radius);
  height: calc(100% - 2 * var(--my-sq-margin));
  width: calc(100% - 2 * var(--my-sq-margin));
  margin: var(--my-sq-margin);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover
}

@media (min-width:764px) {
  .square-col .content .effect-box {
    height: 100%
  }

  .square-col .content .effect-box .image-src-box {
    padding-bottom: unset !important;
    height: 100%
  }

  .square-col .content .effect-box .image-src-box img {
    -o-object-fit: cover;
    object-fit: cover
  }
}

.square-col.square-1-1 {
  --my-sq-ratio: 1
}

.square-col.square-16-9 {
  --my-sq-ratio: 0.6
}

.square-col.square-4-3 {
  --my-sq-ratio: 0.75
}

.square-col.clear-row {
  clear: both
}

.square-col .table-square {
  display: table;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
  color: inherit
}

.square-col .table-cell {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  width: 100%
}

.square-m-0 {
  --my-sq-margin: 0px
}

.square-m-1 {
  --my-sq-margin: 1px
}

.square-m-2 {
  --my-sq-margin: 2px
}

.square-m-5 {
  --my-sq-margin: 5px
}

.square-m-10 {
  --my-sq-margin: 10px
}

.square-m-15 {
  --my-sq-margin: 15px
}

.square-m-20 {
  --my-sq-margin: 20px
}

.row-square,
.square-col-list ul.list-entries.row-square {
  margin: calc(-1 * var(--my-sq-margin));
  padding-bottom: var(--my-element-margin)
}

.square-m-0 .square-col .content,
.square-m-0 .square-col .content .image-src-box,
.square-m-0 .square-col .content .image-src-box img {
  border-radius: 0
}

.square-col-list .square-col .content {
  overflow: hidden
}

.square-col-list .square-col .content .list-badge {
  position: absolute;
  display: inline-block;
  padding: 2px 4px;
  top: 5px;
  right: 5px;
  text-shadow: none
}

.square-col-list .square-col .content .list-badge::after {
  content: none
}

@media (min-width:764px) {
  .square-col-list .square-col.square-small .preface {
    display: none
  }
}

@media (min-width:1014px) {
  .square-col-list .square-col.square-small .preface {
    display: block
  }
}

@media (min-width:1200px) {
  .square-col-list .square-col.square-small .preface {
    display: none
  }
}

.fixcol,
.fixcol-lg-125,
.fixcol-lg-125-rest,
.fixcol-lg-150,
.fixcol-lg-150-rest,
.fixcol-lg-75,
.fixcol-lg-75-rest,
.fixcol-md-125,
.fixcol-md-125-rest,
.fixcol-md-150,
.fixcol-md-150-rest,
.fixcol-md-75,
.fixcol-md-75-rest,
.fixcol-sm-125,
.fixcol-sm-125-rest,
.fixcol-sm-150,
.fixcol-sm-150-rest,
.fixcol-sm-75,
.fixcol-sm-75-rest,
.fixcol-xl-125,
.fixcol-xl-125-rest,
.fixcol-xl-150,
.fixcol-xl-150-rest,
.fixcol-xl-75,
.fixcol-xl-75-rest,
.fixcol-xs-125,
.fixcol-xs-125-rest,
.fixcol-xs-150,
.fixcol-xs-150-rest,
.fixcol-xs-75,
.fixcol-xs-75-rest,
.fixcol-xxl-125,
.fixcol-xxl-125-rest,
.fixcol-xxl-150,
.fixcol-xxl-150-rest,
.fixcol-xxl-75,
.fixcol-xxl-75-rest {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  width: 100%
}

.square-xs-12 {
  width: 100%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * 1 * var(--my-sq-ratio) + 2 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-xs-9 {
  width: 75%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .75 * var(--my-sq-ratio) + 1.5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-xs-8 {
  width: 66.6667%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .666667 * var(--my-sq-ratio) + 1.333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-xs-6 {
  width: 50%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .5 * var(--my-sq-ratio) + 1 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-xs-4 {
  width: 33.3333%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .333333 * var(--my-sq-ratio) + .666666 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-xs-3 {
  width: 25%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .25 * var(--my-sq-ratio) + .5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.square-xs-2 {
  width: 16.6667%;
  padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .166667 * var(--my-sq-ratio) + .333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
}

.fixcol-xs-75 {
  width: 105px;
  max-width: 105px;
  flex: 0 0 105px
}

.fixcol-xs-75-rest {
  width: calc(100% - 105px);
  max-width: calc(100% - 105px);
  flex: 0 0 calc(100% - 105px)
}

.fixcol-xs-125 {
  width: 155px;
  max-width: 155px;
  flex: 0 0 155px
}

.fixcol-xs-125-rest {
  width: calc(100% - 155px);
  max-width: calc(100% - 155px);
  flex: 0 0 calc(100% - 155px)
}

.fixcol-xs-150 {
  width: 180px;
  max-width: 180px;
  flex: 0 0 180px
}

.fixcol-xs-150-rest {
  width: calc(100% - 180px);
  max-width: calc(100% - 180px);
  flex: 0 0 calc(100% - 180px)
}

@media (min-width:552px) {
  .square-sm-12 {
    width: 100%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * 1 * var(--my-sq-ratio) + 2 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-9 {
    width: 75%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .75 * var(--my-sq-ratio) + 1.5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-8 {
    width: 66.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .666667 * var(--my-sq-ratio) + 1.333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-6 {
    width: 50%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .5 * var(--my-sq-ratio) + 1 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-4 {
    width: 33.3333%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .333333 * var(--my-sq-ratio) + .666666 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-3 {
    width: 25%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .25 * var(--my-sq-ratio) + .5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-2 {
    width: 16.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .166667 * var(--my-sq-ratio) + .333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-sm-h-0o5 {
    --my-sq-ratio: 0.5
  }

  .square-sm-h-2 {
    --my-sq-ratio: 2
  }

  .fixcol-sm-75 {
    width: 105px;
    max-width: 105px;
    flex: 0 0 105px
  }

  .fixcol-sm-75-rest {
    width: calc(100% - 105px);
    max-width: calc(100% - 105px);
    flex: 0 0 calc(100% - 105px)
  }

  .fixcol-sm-125 {
    width: 155px;
    max-width: 155px;
    flex: 0 0 155px
  }

  .fixcol-sm-125-rest {
    width: calc(100% - 155px);
    max-width: calc(100% - 155px);
    flex: 0 0 calc(100% - 155px)
  }

  .fixcol-sm-150 {
    width: 180px;
    max-width: 180px;
    flex: 0 0 180px
  }

  .fixcol-sm-150-rest {
    width: calc(100% - 180px);
    max-width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px)
  }
}

@media (min-width:764px) {
  .square-md-12 {
    width: 100%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * 1 * var(--my-sq-ratio) + 2 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-9 {
    width: 75%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .75 * var(--my-sq-ratio) + 1.5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-8 {
    width: 66.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .666667 * var(--my-sq-ratio) + 1.333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-6 {
    width: 50%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .5 * var(--my-sq-ratio) + 1 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-4 {
    width: 33.3333%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .333333 * var(--my-sq-ratio) + .666666 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-3 {
    width: 25%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .25 * var(--my-sq-ratio) + .5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-2 {
    width: 16.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .166667 * var(--my-sq-ratio) + .333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-md-h-0o5 {
    --my-sq-ratio: 0.5
  }

  .square-md-h-1 {
    --my-sq-ratio: 1
  }

  .square-md-h-1o5 {
    --my-sq-ratio: 1.5
  }

  .square-md-h-2 {
    --my-sq-ratio: 2
  }

  .fixcol-md-75 {
    width: 105px;
    max-width: 105px;
    flex: 0 0 105px
  }

  .fixcol-md-75-rest {
    width: calc(100% - 105px);
    max-width: calc(100% - 105px);
    flex: 0 0 calc(100% - 105px)
  }

  .fixcol-md-125 {
    width: 155px;
    max-width: 155px;
    flex: 0 0 155px
  }

  .fixcol-md-125-rest {
    width: calc(100% - 155px);
    max-width: calc(100% - 155px);
    flex: 0 0 calc(100% - 155px)
  }

  .fixcol-md-150 {
    width: 180px;
    max-width: 180px;
    flex: 0 0 180px
  }

  .fixcol-md-150-rest {
    width: calc(100% - 180px);
    max-width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px)
  }
}

@media (min-width:1014px) {
  .square-lg-12 {
    width: 100%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * 1 * var(--my-sq-ratio) + 2 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-9 {
    width: 75%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .75 * var(--my-sq-ratio) + 1.5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-8 {
    width: 66.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .666667 * var(--my-sq-ratio) + 1.333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-6 {
    width: 50%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .5 * var(--my-sq-ratio) + 1 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-4 {
    width: 33.3333%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .333333 * var(--my-sq-ratio) + .666666 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-3 {
    width: 25%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .25 * var(--my-sq-ratio) + .5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-2 {
    width: 16.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .166667 * var(--my-sq-ratio) + .333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-lg-h-0o5 {
    --my-sq-ratio: 0.5
  }

  .square-lg-h-1 {
    --my-sq-ratio: 1
  }

  .square-lg-h-1o5 {
    --my-sq-ratio: 1.5
  }

  .square-lg-h-2 {
    --my-sq-ratio: 2
  }

  .fixcol-lg-75 {
    width: 105px;
    max-width: 105px;
    flex: 0 0 105px
  }

  .fixcol-lg-75-rest {
    width: calc(100% - 105px);
    max-width: calc(100% - 105px);
    flex: 0 0 calc(100% - 105px)
  }

  .fixcol-lg-125 {
    width: 155px;
    max-width: 155px;
    flex: 0 0 155px
  }

  .fixcol-lg-125-rest {
    width: calc(100% - 155px);
    max-width: calc(100% - 155px);
    flex: 0 0 calc(100% - 155px)
  }

  .fixcol-lg-150 {
    width: 180px;
    max-width: 180px;
    flex: 0 0 180px
  }

  .fixcol-lg-150-rest {
    width: calc(100% - 180px);
    max-width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px)
  }
}

@media (min-width:1200px) {
  .square-xl-12 {
    width: 100%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * 1 * var(--my-sq-ratio) + 2 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-9 {
    width: 75%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .75 * var(--my-sq-ratio) + 1.5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-8 {
    width: 66.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .666667 * var(--my-sq-ratio) + 1.333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-6 {
    width: 50%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .5 * var(--my-sq-ratio) + 1 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-4 {
    width: 33.3333%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .333333 * var(--my-sq-ratio) + .666666 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-3 {
    width: 25%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .25 * var(--my-sq-ratio) + .5 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-2 {
    width: 16.6667%;
    padding-bottom: calc((100% - 2 * var(--my-sq-margin)) * .166667 * var(--my-sq-ratio) + .333334 * var(--my-sq-ratio) * var(--my-sq-margin)) !important
  }

  .square-xl-h-0o25 {
    --my-sq-ratio: 0.25
  }

  .square-xl-h-0o5 {
    --my-sq-ratio: 0.5
  }

  .square-xl-h-1 {
    --my-sq-ratio: 1
  }

  .square-xl-h-1o5 {
    --my-sq-ratio: 1.5
  }

  .square-xl-h-2 {
    --my-sq-ratio: 2
  }

  .fixcol-xl-75 {
    width: 105px;
    max-width: 105px;
    flex: 0 0 105px
  }

  .fixcol-xl-75-rest {
    width: calc(100% - 105px);
    max-width: calc(100% - 105px);
    flex: 0 0 calc(100% - 105px)
  }

  .fixcol-xl-125 {
    width: 155px;
    max-width: 155px;
    flex: 0 0 155px
  }

  .fixcol-xl-125-rest {
    width: calc(100% - 155px);
    max-width: calc(100% - 155px);
    flex: 0 0 calc(100% - 155px)
  }

  .fixcol-xl-150 {
    width: 180px;
    max-width: 180px;
    flex: 0 0 180px
  }

  .fixcol-xl-150-rest {
    width: calc(100% - 180px);
    max-width: calc(100% - 180px);
    flex: 0 0 calc(100% - 180px)
  }
}

.content-box {
  position: relative;
  border-radius: var(--my-border-radius);
  overflow: hidden;
  z-index: 5
}

.tile-col {
  position: relative
}

.tile-col .boxbg-overlay {
  --my-square-text-overlay-bg: #f7f7f7;
  --my-square-text-overlay-bg-rgb: 247, 247, 247;
  --my-square-text-overlay-fg: #555;
  --my-square-text-overlay-bg-opacity: 0.75;
  --my-square-text-overlay-fg-shadow: none
}

.tile-col .full-overlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
  overflow: auto;
  display: flex;
  flex-direction: column
}

.tile-col .full-overlay:not(.boxbg-overlay) {
  background-color: rgba(0, 0, 0, .3)
}

.tile-col .full-overlay:not(.boxbg-overlay) a.piece-text-link,
.tile-col .full-overlay:not(.boxbg-overlay) div.body,
.tile-col .full-overlay:not(.boxbg-overlay) h1,
.tile-col .full-overlay:not(.boxbg-overlay) h2,
.tile-col .full-overlay:not(.boxbg-overlay) h3,
.tile-col .full-overlay:not(.boxbg-overlay) h4 {
  color: #fff;
  text-shadow: 1px 1px 1px #000
}

.tile-col .full-overlay.boxbg-overlay .piece {
  color: var(--my-square-text-overlay-fg);
  background-color: rgba(var(--my-square-text-overlay-bg-rgb), var(--my-square-text-overlay-bg-opacity));
  display: inline-block;
  padding: calc(.5 * var(--my-box-padding));
  border-radius: var(--my-image-border-radius)
}

.tile-col .full-overlay .piece {
  margin: calc(.5 * var(--my-box-padding))
}

.list-entry .square-col .copyright,
.tile-col.element .copyright,
.tile-col.freefloat .copyright {
  --my-copyright-color: #fff;
  --my-copyright-bg-color: transparent;
  --my-copyright-text-shadow: 1px 1px 1px #000;
  line-height: 1;
  padding: var(--my-copyright-padding);
  font-family: var(--my-copyright-font-family);
  font-size: var(--my-copyright-font-size);
  border-radius: var(--my-copyright-border-radius);
  text-align: var(--my-copyright-pos-right, right);
  right: var(--my-copyright-pos-right, 0);
  text-shadow: var(--my-copyright-text-shadow, none);
  display: inline-block;
  color: var(--my-copyright-color);
  background-color: var(--my-copyright-bg-color);
  opacity: var(--my-copyright-opacity);
  position: absolute;
  bottom: 0;
  pointer-events: none;
  z-index: 7;
  box-shadow: none;
  overflow-wrap: anywhere;
  word-break: break-word;
  -webkit-hyphens: auto;
  hyphens: auto
}

.square-col,
.tile-col {
  --my-square-text-overlay-bg: #000;
  --my-square-text-overlay-bg-rgb: 0, 0, 0;
  --my-square-text-overlay-bg-opacity: 0.65;
  --my-square-text-overlay-fg: #fff;
  --my-square-text-overlay-fg-shadow: 1px 1px 1px #000;
  --my-square-text-overlay-padding-v: 1rem;
  --my-square-text-overlay-padding-h: 2rem;
  --my-square-paragraph-margin: 0.5rem
}

.square-col .text-overlay,
.tile-col .text-overlay {
  position: absolute;
  bottom: 0;
  padding: var(--my-square-text-overlay-padding-v) var(--my-square-text-overlay-padding-h);
  background-color: rgba(var(--my-square-text-overlay-bg-rgb), var(--my-square-text-overlay-bg-opacity, 1));
  text-decoration: none;
  width: 100%;
  z-index: 5;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow-wrap: anywhere;
  word-break: break-word
}

.square-col .text-overlay div,
.square-col .text-overlay h1,
.square-col .text-overlay h2,
.square-col .text-overlay h3,
.square-col .text-overlay h4,
.tile-col .text-overlay div,
.tile-col .text-overlay h1,
.tile-col .text-overlay h2,
.tile-col .text-overlay h3,
.tile-col .text-overlay h4 {
  color: var(--my-square-text-overlay-fg);
  text-shadow: var(--my-square-text-overlay-fg-shadow);
  line-height: 1.2;
  margin: 0
}

.square-col .text-overlay h1,
.tile-col .text-overlay h1 {
  font-size: 2rem
}

.square-col .text-overlay h2,
.tile-col .text-overlay h2 {
  font-size: 1.6rem
}

.square-col .text-overlay h3,
.tile-col .text-overlay h3 {
  font-size: 1.2rem
}

.square-col .text-overlay h4,
.tile-col .text-overlay h4 {
  font-size: 1.2rem
}

.square-col .text-overlay div,
.square-col .text-overlay h2+h3,
.tile-col .text-overlay div,
.tile-col .text-overlay h2+h3 {
  font-size: 1.2rem
}

.square-col .text-overlay .heading+.body,
.square-col .text-overlay div.teaser-date+h2,
.square-col .text-overlay h2+h3,
.tile-col .text-overlay .heading+.body,
.tile-col .text-overlay div.teaser-date+h2,
.tile-col .text-overlay h2+h3 {
  margin-top: var(--my-square-paragraph-margin)
}

.square-col a:hover,
.tile-col a:hover {
  text-decoration: none
}

.square-col a:hover h1,
.square-col a:hover h2,
.square-col a:hover h3,
.square-col a:hover h4,
.square-col a:hover h5,
.square-col a:hover h6,
.tile-col a:hover h1,
.tile-col a:hover h2,
.tile-col a:hover h3,
.tile-col a:hover h4,
.tile-col a:hover h5,
.tile-col a:hover h6 {
  text-decoration: none
}

@media (max-width:763.98px) {

  .square-col.text-below-on-xs:not(.revealed),
  .tile-col.text-below-on-xs:not(.revealed) {
    padding: 0 !important
  }

  .square-col.text-below-on-xs:not(.revealed).square-16-9.square-xs-12,
  .square-col.text-below-on-xs:not(.revealed).square-4-3.square-xs-12,
  .tile-col.text-below-on-xs:not(.revealed).square-16-9.square-xs-12,
  .tile-col.text-below-on-xs:not(.revealed).square-4-3.square-xs-12 {
    padding-bottom: 0 !important
  }

  .square-col.text-below-on-xs:not(.revealed) .content,
  .tile-col.text-below-on-xs:not(.revealed) .content {
    height: auto !important;
    position: relative !important
  }

  .square-col.text-below-on-xs:not(.revealed) .content .centered.image,
  .tile-col.text-below-on-xs:not(.revealed) .content .centered.image {
    position: static;
    transition: none;
    transform: none
  }

  .square-col.text-below-on-xs:not(.revealed) .content .text-overlay,
  .tile-col.text-below-on-xs:not(.revealed) .content .text-overlay {
    position: relative !important
  }

  .square-col.text-below-on-xs:not(.revealed) .image-src-box,
  .square-col.text-below-on-xs:not(.revealed) .image-src-box>img,
  .tile-col.text-below-on-xs:not(.revealed) .image-src-box,
  .tile-col.text-below-on-xs:not(.revealed) .image-src-box>img {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
  }

  .square-col.text-below-on-xs:not(.revealed) .text-overlay,
  .tile-col.text-below-on-xs:not(.revealed) .text-overlay {
    --my-square-text-overlay-bg: #272727;
    --my-square-text-overlay-bg-rgb: 39, 39, 39;
    --my-square-text-overlay-bg-opacity: 1
  }
}

.square-col.min-height-px .text-overlay,
.tile-col.min-height-px .text-overlay {
  min-height: calc(3.84rem + var(--my-default-margin-small))
}

@media (min-width:764px) {

  .square-col.square-small.min-height .text-overlay,
  .tile-col.square-small.min-height .text-overlay {
    min-height: 20%
  }

  .square-col.square-large .text-overlay h2,
  .tile-col.square-large .text-overlay h2 {
    font-size: 2rem
  }

  .square-col.square-large .text-overlay div,
  .square-col.square-large .text-overlay h3,
  .tile-col.square-large .text-overlay div,
  .tile-col.square-large .text-overlay h3 {
    font-size: 1.6rem
  }
}

@media (min-width:1014px) {

  .square-col.square-small.min-height .text-overlay,
  .tile-col.square-small.min-height .text-overlay {
    min-height: 20%
  }

  .square-col.square-small.show-preface .text-overlay,
  .tile-col.square-small.show-preface .text-overlay {
    min-height: 35%
  }
}

@media (min-width:1014px) {

  .square-col.min-height.square-small .text-overlay,
  .tile-col.min-height.square-small .text-overlay {
    min-height: 40%
  }

  .square-col.min-height.square-large .text-overlay,
  .tile-col.min-height.square-large .text-overlay {
    min-height: 18.5%
  }
}

.list-content .list-box {
  position: relative;
  display: flex;
  flex-direction: column
}

.list-content .list-box.initial-load {
  opacity: .5
}

.list-content .list-box.initial-load::after {
  content: " ";
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0
}

.list-content .list-append-position {
  display: block
}

.list-content ul.list-entries>li {
  list-style-type: none;
}

.list-content.pagination-right ul.list-entries {
  position: relative;
  margin-top: 4rem;
  margin-bottom: 2rem;
  padding: 0;
  list-style-type: none
}

.list-content.type-static-list ul.list-entries>.list-entry:last-of-type>.teaser {
  margin-bottom: 0
}

.type-static-list.list-content .heading {
  font-weight: bold
}

.list-content .type-list-group {
  position: relative
}

.list-content .type-list-group:not(:last-of-type) {
  margin-bottom: var(--my-element-margin)
}

.list-content .list-spinner {
  display: none
}

.list-content .list-link {
  margin-top: var(--my-element-margin)
}

.teaser {
  margin-bottom: var(--my-element-margin)
}

.teaser::after {
  display: block;
  clear: both;
  content: ""
}

.teaser-slider.type-media.piece .heading,
.teaser-slider.type-media.piece .text {
  display: none;
}

.teaser.teaser-elaborate.type-event.piece>.visual {
  padding-top: 0;
}

/*.teaser.teaser-elaborate.piece > .body {position: relative; } .teaser.teaser-elaborate.piece > .body > .link { position: absolute; top:clac(100% - 6rem)}*/
.type-media.teaser.teaser-elaborate .body {
  border: none;
}

.teaser.teaser-elaborate .body {
  background-color: rgba(255, 255, 255, 0.5);
  border: solid lightgrey 0.2rem;
  border-radius: 0.5rem;
  position: relative
}

.teaser.teaser-slider.piece {
  padding: 0 !important
}

.teaser.teaser-slider.piece>.visual {
  padding: 0
}

.teaser.teaser-slider.piece>.body {
  padding: 0 10px;
}

.teaser.teaser-slider .visual {
  margin-bottom: 0;
}

.teaser.teaser-slider .link {
  margin-bottom: 0;
  text-align: center;
}

.teaser.teaser-slider .link a {
  background-color: white;
  color: #2c8096 !important;
  font-size: var(--my-body-font-size);
  font-weight: bold;
}

.teaser.teaser-compact .teaser-btn {
  padding: .2rem .8rem
}

.teaser .intro-headline {
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: var(--my-paragraph-margin-bottom)
}

@media(min-width: 552px) and (max-width: 767.98px) {

  .teaser.teaser-elaborate .intro-headline,
  .teaser.teaser-elaborate .teaser-date,
  .teaser.teaser-elaborate .link>a {
    font-size: 1rem
  }
}

@media (min-width:768px) and (max-width: 1023.98px) {

  .teaser.teaser-elaborate .intro-headline,
  .teaser.teaser-elaborate .teaser-date,
  .teaser.teaser-elaborate .link>a {
    font-size: 1.2rem
  }
}

@media (min-width:1024px) {

  .teaser.teaser-elaborate .intro-headline,
  .teaser.teaser-elaborate .teaser-date,
  .teaser.teser-elaborate .link>a {
    font-size: 1.6rem
  }
}

.teaser .teaser-btn:not(:last-child) {
  margin-right: var(--my-default-margin-small)
}

@media(max-width: 551.98px) {
  .teaser.teaser-elaborate .visual {
    width: 50vw;
    margin-bottom: 0;
  }

  .teaser.teaser-elaborate .body {
    width: 50vw;
    padding: 0.5rem 1rem
  }

  .teaser.teaser-elaborate .intro-headline,
  .teaser.teaser-elaborate .teaser-date {
    font-size: 1rem !important;
    margin-bottom: 0.5rem;
  }
}

@media (min-width: 552px) and (max-width: 767.98px) {
  .teaser.teaser-elaborate .visual {
    width: 35vw;
    margin-bottom: 0;
  }

  .teaser.teaser-elaborate .body {
    width: 65vw;
    padding: 1rem 2rem;
  }

  .teaser.teaser-elaborate .teaser-date {
    font-size: 1.2rem;
    margin-bottom: .5rem !important;
  }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  .teaser.teaser-elaborate .visual {
    width: 35vw;
  }

  .teaser.teaser-elaborate .body {
    width: 65vw;
    padding: 1rem 2rem;
  }
}

@media (min-width: 1024px) {
  .teaser.teaser-elaborate .visual {
    width: 35vw;
    padding-right: 2rem
  }

  .teaser.teaser-elaborate .body {
    width: 65vw;
    padding: 2rem 3rem;
  }

  .teaser.teaser-elaborate.type-event {
    min-height: 250px;
  }
}

@media (min-width:768px) {
  .teaser.teaser-elaborate.type-event .teaser-text {
    font-size: 1.4rem;
    margin-bottom: 1rem;
  }
}

.teaser .teaser-date {
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: bold;
  color: black;
  margin-bottom: 2rem;
  /*calc(.5 * var(--my-paragraph-margin-bottom))*/
}

.teaser.teaser-text-tile .teaser-date {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 4rem;
}

.teaser .heading>a {
  display: block
}

.teaser .heading>a,
.teaser .heading>a:focus,
.teaser .heading>a:hover {
  text-decoration: none
}

.teaser .text>a {
  display: block
}

.teaser .text>a,
.teaser .text>a:focus,
.teaser .text>a:hover {
  color: var(--my-body-color);
  text-decoration: none
}

.teaser .list-badge {
  margin-left: 10px;
  font-size: .7em;
  padding: 3px 6px;
  bottom: 2px
}

.list-content .teaser {
  /*margin-bottom:calc(2 * var(--my-element-margin))*/
}

.list-content .teaser.teaser-compact {
  margin-bottom: var(--my-element-margin)
}

.list-content.minimal-display .teaser .intro-headline>.intro,
.list-content.reduced-display .teaser .intro-headline>.intro {
  font-size: 1.3rem
}

@media (min-width:1014px) {

  .list-content.minimal-display .teaser .intro-headline>.intro,
  .list-content.reduced-display .teaser .intro-headline>.intro {
    font-size: 1.43rem
  }
}

.list-content.reduced-display .teaser .intro-headline {
  font-size: 1.6rem
}

@media (min-width:1014px) {
  .list-content.reduced-display .teaser .intro-headline {
    font-size: 2rem
  }
}

.list-content.minimal-display .teaser {
  margin-bottom: var(--my-element-margin)
}

.list-content.minimal-display .teaser .intro-headline {
  margin-bottom: var(--my-default-margin-verysmall);
  font-size: inherit
}

.list-content.minimal-display .teaser .teaser-btn {
  padding: .2rem .8rem
}

.list-content.minimal-display .teaser .list-badge {
  font-size: 70%;
  padding: 2px 4px;
  bottom: 1px
}

.list-content.list-aside .teaser .teaser-btn:not(:hover),
aside .list-content .teaser .teaser-btn:not(:hover) {
  background-color: var(--my-highlight-color);
  color: var(--my-highlight-fg-color)
}

.list-content.list-aside .teaser .intro-headline,
aside .list-content .teaser .intro-headline {
  font-size: 1.8rem
}

@media (min-width:1014px) {

  .list-content.list-aside .teaser .intro-headline,
  aside .list-content .teaser .intro-headline {
    font-size: 2rem
  }
}

.list-content.list-aside .teaser .intro-headline>.headline,
aside .list-content .teaser .intro-headline>.headline {
  color: var(--my-body-color)
}

.list-content.list-aside .teaser .intro-headline>.intro,
aside .list-content .teaser .intro-headline>.intro {
  color: var(--my-body-color)
}

.list-content.list-aside.minimal-display .teaser .intro-headline>.intro,
.list-content.list-aside.reduced-display .teaser .intro-headline>.intro,
aside .list-content.minimal-display .teaser .intro-headline>.intro,
aside .list-content.reduced-display .teaser .intro-headline>.intro {
  font-size: 1.17rem
}

@media (min-width:1014px) {

  .list-content.list-aside.minimal-display .teaser .intro-headline>.intro,
  .list-content.list-aside.reduced-display .teaser .intro-headline>.intro,
  aside .list-content.minimal-display .teaser .intro-headline>.intro,
  aside .list-content.reduced-display .teaser .intro-headline>.intro {
    font-size: 1.3rem
  }
}

.list-content.list-aside.reduced-display .teaser .intro-headline,
aside .list-content.reduced-display .teaser .intro-headline {
  font-size: 1.6rem
}

@media (min-width:1014px) {

  .list-content.list-aside.reduced-display .teaser .intro-headline,
  aside .list-content.reduced-display .teaser .intro-headline {
    font-size: 1.8rem
  }
}

@media (min-width:1014px) {

  .list-content.list-aside .teaser .teaser-btn,
  aside .list-content .teaser .teaser-btn {
    padding: .2rem .8rem
  }

  .list-content.list-aside .teaser-compact .teaser-btn,
  .list-content.list-aside.minimal-display .teaser .teaser-btn,
  aside .list-content .teaser-compact .teaser-btn,
  aside .list-content.minimal-display .teaser .teaser-btn {
    padding: 0 .6rem
  }
}

.teaser-tile {
  display: flex
}

.teaser-tile:empty {
  display: none
}

/*.teaser-tile .teaser:not(.type-media).piece{background-color:none;}*/
.teaser.teaser-elaborate {
  padding: 0 !important
}

.teaser-elaborate.piece.full {
  margin: 0 0 30px 10px;
  padding: 20px;
  background-color: white
}

.teaser-tile .teaser:not(.type-media).piece {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 5;
  background-color: white
}
/*
.teaser.teaser-slider.type-media.piece {
  box-shadow: none;
}

.element.piece-wo-body li.teaser-tile .teaser.teaser-slider.type-media.piece > .body {
  display:none
}
*/
.teaser-tile .teaser.piece {
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 5;
  background-color: white;
  box-shadow: darkgrey 5px 5px;
}

.teaser-tile .teaser.piece>.body {
  flex-basis: auto;
  flex-grow: 1
}

.teaser-tile .teaser.piece>.body .headline {
  overflow: hidden;
  text-overflow: ellipsis
}

.teaser-tile .teaser.piece>.visual {
  padding: 1rem 1rem 0rem 1rem;
}

.teaser-tile .teaser.piece>.body {
  display: flex;
  flex-direction: column;
  padding: 10px 10px 0px 10px;
}

.teaser-tile .teaser.piece>.body>.heading .headline {
  margin-bottom: 4rem;
  line-height: 1.25
}

.teaser-tile .teaser.piece>.body .type-list-group {
  display: flex;
  flex-direction: column;
  flex-grow: 1
}

.teaser-tile .teaser.piece>.body .type-list-group .text {
  flex-grow: 1
}

.teaser-tile .teaser.piece.box {
  padding: 0 0 var(--my-box-padding) 0
}

.teaser-tile .teaser.piece.box>:not(.visual) {
  padding: 0 var(--my-box-padding)
}

.teaser-tile .teaser.piece.box>.visual .calendar-sheet,
.teaser-tile .teaser.piece.box>.visual .content,
.teaser-tile .teaser.piece.box>.visual .image-src-box,
.teaser-tile .teaser.piece.box>.visual .image-src-box>img {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.teaser-tile .teaser.piece.box>.visual .calendar-sheet {
  border: none
}

.tile-var .teaser.piece {
  margin-bottom: 0;
  width: 100%
}

.tile-var .teaser.piece.full>.body {
  flex-basis: auto;
  flex-grow: 1
}

@media (min-width:1014px) {
  .list-content.default-display .teaser-tile.teaser-text-tile>.body>.heading .headline {
    min-height: 5.5rem
  }
}

.masonry-list .teaser-tile .teaser.piece>.body {
  flex-grow: 0
}

.teaser-elaborate .teaser.piece>.body {
  position: relative;
}

.teaser-elaborate .teaser.piece>.body>.link {
  position: absolute;
  bottom: 3rem;
}

@media (max-width:1023px) {
  .mobile-reduced .teaser-text {
    display: none
  }
}

.download-list a:hover {
  text-decoration: none
}

.download-list a:hover .dl-content .dl-title {
  text-decoration: underline
}

.download-list a:hover .dl-content .dl-desc {
  color: var(--my-body-color)
}

.download-list a:not(:hover) .dl-content .dl-desc,
.download-list a:not(:hover) .dl-content .dl-file {
  color: var(--my-body-color)
}

.download-list .dl-content {
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: hidden;
  overflow-wrap: anywhere;
  word-break: break-word
}

.download-list .dl-copy {
  font-size: 80%
}

.download-list .dl-desc p {
  margin-bottom: 0
}

.download-list .dl-cat .dl-cat-label {
  display: inline-block;
  line-height: 1;
  font-size: 1.3rem;
  color: var(--my-text-dark);
  font-family: var(--my-btn-font-family);
  margin-right: var(--my-default-margin-small)
}

.download-list .dl-cat .dl-cat-label::before {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02b";
  padding-right: var(--my-default-margin-verysmall)
}

.download-list.dl-list-elaborate li.list-entry {
  padding-top: var(--my-default-margin-small);
  padding-bottom: var(--my-default-margin-small);
  border-bottom: 1px solid var(--my-highlight-color)
}

.download-list.dl-list-elaborate li.list-entry:last-child {
  padding-bottom: 0;
  border-bottom: none;
  margin-bottom: var(--my-element-margin)
}

.download-list.dl-list-elaborate li.list-entry:first-child {
  padding-top: 0
}

.download-list.dl-list-elaborate .dl-content .dl-title {
  margin-top: 0;
  margin-bottom: var(--my-default-margin-verysmall)
}

.download-list.dl-list-elaborate .dl-content .dl-file {
  margin-bottom: var(--my-default-margin-verysmall)
}

.download-list.dl-list-elaborate .dl-content .dl-desc {
  margin-bottom: var(--my-default-margin-verysmall)
}

.download-list.dl-list-elaborate .dl-content .dl-btn {
  margin-top: var(--my-default-margin-verysmall);
  min-width: 200px
}

.download-list.dl-list-elaborate .dl-content .dl-btn .ico {
  padding-right: var(--my-default-margin-small)
}

.download-list.dl-list-elaborate .dl-stats .dl-type::after {
  content: " | "
}

@media (min-width:764px) {
  .download-list.dl-list-elaborate .dl-date-cat::after {
    display: block;
    clear: both;
    content: ""
  }

  .download-list.dl-list-elaborate .dl-date-cat>.dl-date {
    float: left
  }

  .download-list.dl-list-elaborate .dl-date-cat>.dl-cat {
    padding-left: var(--my-default-margin);
    float: right
  }

  .download-list.dl-list-elaborate .dl-info {
    margin-top: var(--my-p-spacer);
    text-align: center
  }

  .download-list.dl-list-elaborate .dl-info .ico {
    font-size: 4rem;
    margin-bottom: var(--my-default-margin-verysmall)
  }

  .download-list.dl-list-elaborate .dl-info .dl-info-text {
    display: none
  }
}

@media (max-width:763.98px) {
  .download-list.dl-list-elaborate .dl-info {
    text-align: left;
    margin-top: var(--my-default-margin-verysmall)
  }

  .download-list.dl-list-elaborate .dl-info .btn-info {
    margin: 0;
    padding: .6rem 1.2rem;
    display: inline-block;
    text-align: center;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    box-shadow: none;
    border: none;
    text-decoration: none;
    font-family: var(--my-btn-font-family);
    white-space: nowrap;
    font-weight: 400;
    border-radius: var(--my-btn-border-radius);
    color: var(--my-btn-fg);
    background-color: var(--my-btn-bg);
    margin-top: var(--my-default-margin-verysmall);
    min-width: 200px;
    text-align: left;
    min-width: 50%
  }

  .download-list.dl-list-elaborate .dl-info .btn-info.active,
  .download-list.dl-list-elaborate .dl-info .btn-info:focus,
  .download-list.dl-list-elaborate .dl-info .btn-info:hover,
  .open .dropdown-toggle .download-list.dl-list-elaborate .dl-info .btn-info {
    color: var(--my-btn-hover-fg);
    background-color: var(--my-btn-hover-bg);
    text-decoration: none;
    cursor: pointer;
    transition-property: color, background-color, border-color;
    transition-duration: .33s;
    transition-timing-function: ease
  }

  .download-list.dl-list-elaborate .dl-info .btn-info.disabled,
  .download-list.dl-list-elaborate .dl-info .btn-info[disabled],
  fieldset[disabled] .download-list.dl-list-elaborate .dl-info .btn-info {
    background-color: #ddd;
    color: #555;
    cursor: not-allowed
  }

  .download-list.dl-list-elaborate .dl-info .btn-info .ico {
    padding-right: var(--my-default-margin-small)
  }

  .download-list.dl-list-elaborate .dl-info .ico {
    min-width: calc(4 * var(--my-default-margin-small))
  }

  .download-list.dl-list-elaborate .dl-content .dl-btn {
    min-width: 50%;
    text-align: left
  }

  .download-list.dl-list-elaborate .dl-content .dl-btn .ico {
    min-width: calc(4 * var(--my-default-margin-small))
  }

  .download-list.dl-list-elaborate .dl-stats {
    display: none
  }
}

.download-list.dl-list-compact .list-entries {
  border-bottom: 1px solid var(--my-highlight-color);
  margin-bottom: var(--my-default-margin-small)
}

.download-list.dl-list-compact li:nth-child(odd) .dl-link {
  background-color: var(--my-highlight-color)
}

.download-list.dl-list-compact .dl-link {
  padding-top: var(--my-default-margin-small);
  padding-bottom: var(--my-default-margin-small)
}

.download-list.dl-list-compact a.dl-link:hover .dl-title {
  color: #ff264a
}

.download-list.dl-list-compact .dl-teaser-compact {
  display: flex;
  width: 100%
}

.download-list.dl-list-compact .dl-link {
  display: flex
}

.download-list.dl-list-compact .dl-link.dl-link-disp {
  flex-grow: 10;
  width: 100%
}

.download-list.dl-list-compact .dl-link .ico {
  font-size: 2rem
}

.download-list.dl-list-compact .dl-type {
  padding: 0 var(--my-default-margin-small)
}

.download-list.dl-list-compact .dl-dl {
  padding-right: var(--my-default-margin-small)
}

.download-list.dl-list-compact .dl-content {
  flex-grow: 10;
  display: flex;
  flex-direction: column
}

.download-list.dl-list-compact .dl-content .dl-title {
  font-weight: 600;
  margin: 0
}

.download-list.dl-list-compact .dl-content .dl-desc,
.download-list.dl-list-compact .dl-content .dl-file,
.download-list.dl-list-compact .dl-content .dl-title {
  margin-right: 1rem
}

.download-list.dl-list-compact .dl-date,
.download-list.dl-list-compact .dl-size {
  white-space: nowrap;
  min-width: 7rem
}

.download-list.dl-list-compact .dl-info {
  min-width: 14rem;
  display: flex
}

.download-list.dl-list-compact .dl-show-file .dl-link .ico {
  padding-top: .4rem;
  font-size: 2.5rem
}

.download-list.dl-list-compact .dl-show-file .dl-info {
  min-width: 7rem;
  flex-direction: column
}

@media (max-width:763.98px) {
  .download-list.dl-list-compact .dl-teaser-compact {
    flex-direction: column
  }

  .download-list.dl-list-compact .dl-link .dl-type {
    min-width: 50px
  }

  .download-list.dl-list-compact .dl-link.dl-link-disp {
    padding-bottom: 0
  }

  .download-list.dl-list-compact .dl-link.dl-link-down {
    flex-direction: row;
    justify-content: flex-start;
    padding-top: 0;
    padding-bottom: 1rem
  }

  .download-list.dl-list-compact .dl-link.dl-link-down .ico {
    padding-top: 0;
    font-size: 1.8rem
  }

  .download-list.dl-list-compact .dl-link.dl-link-down .dl-info {
    order: 2;
    flex-direction: row
  }

  .download-list.dl-list-compact .dl-link.dl-link-down .dl-date,
  .download-list.dl-list-compact .dl-link.dl-link-down .dl-size {
    min-width: 7rem
  }

  .download-list.dl-list-compact .dl-link.dl-link-down .dl-dl {
    order: 1;
    min-width: 50px;
    padding: 0 1rem;
    line-height: inherit
  }
}

.list-pagination .btn-append {
  padding: .6rem 1.2rem;
  display: block;
  width: 100%
}

.list-pagination:empty {
  display: none
}

.list-content.list-aside .pagination>li:not(.disabled)>a:not(:hover),
.list-content.pagination-small .pagination>li:not(.disabled)>a:not(:hover),
aside .list-content .pagination>li:not(.disabled)>a:not(:hover) {
  background-color: var(--my-body-bg);
  border-color: var(--my-highlight-border-color);
  color: var(--my-body-color)
}

.list-content.list-aside .pagination>li:not(.disabled).active>a:not(:hover),
.list-content.pagination-small .pagination>li:not(.disabled).active>a:not(:hover),
aside .list-content .pagination>li:not(.disabled).active>a:not(:hover) {
  background-color: var(--my-highlight-border-color);
  border-color: var(--my-highlight-border-color);
  color: var(--my-highlight-border-fg-color)
}

@media (min-width:1014px) {

  .list-content.list-aside .pagination>li.previous,
  .list-content.pagination-small .pagination>li.previous,
  aside .list-content .pagination>li.previous {
    margin-right: var(--my-default-margin-verysmall)
  }

  .list-content.list-aside .pagination>li.next,
  .list-content.pagination-small .pagination>li.next,
  aside .list-content .pagination>li.next {
    margin-left: var(--my-default-margin-verysmall)
  }

  .list-content.list-aside .pagination>li.first.gap::after,
  .list-content.pagination-small .pagination>li.first.gap::after,
  aside .list-content .pagination>li.first.gap::after {
    margin: 0 var(--my-default-margin-verysmall)
  }

  .list-content.list-aside .pagination>li>a,
  .list-content.pagination-small .pagination>li>a,
  aside .list-content .pagination>li>a {
    padding: .2rem .6rem;
    min-width: 2.8rem
  }
}

.list-content.list-aside .btn-append:not(:hover),
.list-content.pagination-small .btn-append:not(:hover),
aside .list-content .btn-append:not(:hover) {
  background-color: var(--my-highlight-color);
  border-color: var(--my-highlight-color);
  color: var(--my-highlight-fg-color)
}

.pagination-center .list-dynamic.list-paginate .list-pagination {
  display: flex;
  justify-content: center
}

@media (min-width:1014px) {
  .pagination-center .lit-dynamic:not(.list-paginate) .list-pagination {
    display: flex;
    justify-content: center
  }

  .pagination-center .list-dynamic:not(.list-paginate) .list-pagination .list-append-position {
    width: 50%
  }
}

@media (min-width:1200px) {
  .pagination-center .list-dynamic:not(.list-paginate) .list-pagination .list-append-position {
    width: 40%
  }
}

.pagination-right .list-dynamic.list-paginate .list-pagination {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: flex-end
}

.pagination-right .list-dynamic.list-paginate .list-pagination.bottom {
  bottom: 0
}

ul.list-entries {
  padding-left: 0;
}

.list-entries.row~.list-pagination {
  margin-top: var(--my-element-margin)
}

.type-list-filter button {
  padding-left: 15px;
  padding-right: var(--my-default-margin)
}

.type-list-filter .filterbox {
  border-radius: 10px;
  margin-bottom: var(--my-element-margin);
  background-color: var(--my-body-bg)
}

.type-list-filter .filterbox:last-of-type {
  margin-bottom: 0
}

.type-list-filter .filterbox .dialog {
  display: none
}

.type-list-filter .filterbox.search {
  padding: 0
}

/*.type-list-filter .filterbox.search .styled-form{border-radius:10px}*/
.type-list-filter .filterbox.search .styled-form .input {
  margin: 0;
  border: 0.3rem solid #b5d8e5;
  border-radius: 0.5rem;
}

.type-list-filter .filterbox.search .styled-form .input input {
  border: none;
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

/*.type-list-filter .filterbox.search .icon-prepend,.type-list-filter .filterbox.search input{border-radius: 0.5rem;border: 0.3rem solid #b5d8e5 !important}*/
.type-list-filter .filterbox.search .icon-prepend {
  display: none
}

.type-list-filter .filterbox .btn.li-label {
  border: 0.3rem solid #b5d8e5;
  padding: 1rem;
  font-size: 1.6rem;
  display: block;
  position: relative;
  text-align: left;
  border-radius: var(--my-border-radius)
}

.type-list-filter .filterbox .btn.li-label::before {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  padding-right: 1.2rem
}

.type-list-filter .filterbox .btn.li-label.collapsed::after,
.type-list-filter .filterbox .btn.year.li-label.collapsed::after {
  content: "\f067";
  font-family: FontAwesome;
}

.type-list-filter .filterbox .btn.li-label::after,
.type-list-filter .filterbox .nav-side li>a+a::after {
  color: #2c8096;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f068";
  line-height: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  /*transform:rotate(-180deg);*/
  transition: transform .33s;
  width: 40px;
  right: 0
}

.type-list-filter .filterbox .btn:not(.year)[aria-expanded=true].li-label::after,
.type-list-filter .filterbox .nav-side li:hover>a+a::after {
  color: white;
}

/*.type-list-filter .filterbox .btn.li-label.collapsed::after,.type-list-filter .filterbox .nav-side li>a+a.collapsed::after{transform:rotate(0)}*/
.type-list-filter .filterbox .nav-side li>a+a::after {
  content: "\f107"
}

.type-list-filter .filterbox.archive>div,
.type-list-filter .filterbox.categories>div {
  border: 1px solid #b5d8e5;
  border-top: none;
  border-bottom-right-radius: var(--my-border-radius);
  border-bottom-left-radius: var(--my-border-radius);
  box-shadow: 0 1px 1px rgba(0, 0, 0, .05)
}

.type-list-filter .filterbox.archive>button.btn.li-label:not(.collapsed),
.type-list-filter .filterbox.categories>button.btn.year.li-label:not(.collapsed) {
  border: none;
  color: white;
  background-color: #2c8096;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.type-list-filter .filterbox.categories {
  --my-icon-margin: 2.4rem
}

.type-list-filter .filterbox.categories>div {
  padding: 15px
}

.type-list-filter .filterbox.categories .btn.li-label:before {
  content: "\f02c"
}

.type-list-filter .filterbox.categories ul {
  margin: 0;
  padding: 0;
  list-style: outside none none
}

.type-list-filter .filterbox.categories ul li {
  margin-top: .4rem
}

.type-list-filter .filterbox.categories ul li:first-child {
  margin-top: 0
}

.type-list-filter .filterbox.categories ul li a {
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  font-size: 1.3rem;
  color: var(--my-text-dark);
  font-family: var(--my-btn-font-family);
  padding: var(--my-default-margin-verysmall);
  border-radius: .5rem;
  background-color: var(--my-grey-lighter);
  padding-left: var(--my-icon-margin);
  line-height: 1.2;
  text-decoration: none
}

.type-list-filter .filterbox.categories ul li a::before {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f02b";
  padding-right: var(--my-default-margin-verysmall)
}

.type-list-filter .filterbox.categories ul li a:hover {
  background-color: #ddd;
  transition: background-color .33s
}

.type-list-filter .filterbox.categories ul li a::before {
  display: inline-block;
  margin-left: calc(-1 * var(--my-icon-margin));
  width: var(--my-icon-margin);
  padding-left: .6rem;
  padding-right: 0
}

.type-list-filter .filterbox.categories ul li.active a {
  font-weight: 600
}

.type-list-filter .filterbox.categories ul li .li-count::before {
  padding-left: .4rem;
  content: "("
}

.type-list-filter .filterbox.categories ul li .li-count::after {
  content: ")"
}

.type-list-filter .filterbox.categories ul li.disabled a {
  pointer-events: none;
  cursor: default;
  color: var(--my-grey);
  background-color: var(--my-body-bg);
  border: 1px solid var(--my-grey-light)
}

.type-list-filter .filterbox.categories ul li.disabled .li-count {
  display: none
}

.type-list-filter .filterbox.folders {
  padding: 0
}

.type-list-filter .filterbox.folders .btn.li-label:before {
  content: "\f115"
}

.type-list-filter .filterbox.folders .nav-side {
  border-top: none;
  margin-left: 0;
  margin-right: 0
}

.type-list-filter .filterbox.folders .nav-side li>a {
  padding-right: 40px
}

.type-list-filter .filterbox.folders .nav-side li>a+a {
  padding-left: 0;
  padding-right: 0
}

.type-list-filter .filterbox.folders .nav-side li.disabled a {
  pointer-events: none;
  cursor: default;
  color: var(--my-grey)
}

.type-list-filter .filterbox.archive .btn.li-label:before {
  /*content:"\f133"*/
}

.type-list-filter .filterbox.archive button.year {
  padding: 1rem;
  font-size: 1.6rem;
  border: solid #b5d8e5;
  color: #555;
  background-color: var(--my-grey-lighter);
  padding-left: calc(15px - 1px)
}

.type-list-filter .filterbox.archive button.year:hover {
  background-color: #2c8096;
  color: white;
}

.type-list-filter .filterbox.archive button.year[aria-expanded=true] {
  font-weight: bold;
}

.type-list-filter .filterbox.archive button.year:hover::after {
  color: white
}

.type-list-filter .filterbox.archive button.year::before {
  /*content:"\f133"*/
}

.type-list-filter .filterbox.archive button.year::after {
  width: calc(40px - 2px)
}

.type-list-filter .filterbox.archive ul {
  list-style: outside none none;
  margin: 0;
  padding: 0
}

ul.year.collapse.show {
  border: solid #b5d8e5
}

.type-list-filter .filterbox.archive ul.collapsing,
.type-list-filter .filterbox.archive ul.show {
  display: flex;
  flex-wrap: wrap
}

.type-list-filter .filterbox.archive ul li {
  padding: 1rem 0.5rem;
  display: inline-block;
  width: 16.666666%;
  font-size: 1.6rem;
  text-align: center;
  cursor: pointer;
  font-family: var(--my-btn-font-family)
}

.type-list-filter .filterbox.archive ul li a {
  text-decoration: none;
  color: var(--my-text-dark);
}

.type-list-filter .filterbox.archive ul li a:hover {
  text-decoration: none;
  color: #2c8096;
  font-size: 1.6rem;
  font-weight: 600
}

.type-list-filter .filterbox.archive ul li.active a {
  background-color: transparent;
  font-weight: 600
}

.type-list-filter .filterbox.archive ul li.active a:hover {
  color: #2c8096;
}

.type-list-filter .filterbox.archive ul li .li-entry {
  position: relative
}

.type-list-filter .filterbox.archive ul li .li-count {
  display: none;
  position: absolute;
  left: calc(100% - 2px);
  top: -7px;
  z-index: 10;
  font-size: 10px
}

.type-list-filter .filterbox.archive ul li .li-count:before {
  content: "("
}

.type-list-filter .filterbox.archive ul li .li-count:after {
  content: ")"
}

.type-list-filter .filterbox.archive ul li:hover {
  background-color: transparent;
  transition: background-color .33s
}

.type-list-filter .filterbox.archive ul li:hover .li-count {
  display: block
}

.type-list-filter .filterbox.archive ul li.disabled a {
  pointer-events: none;
  cursor: default
}

.type-list-filter .filterbox.archive ul li.disabled .li-count {
  display: none
}

.type-list-filter .filterbox.archive ul li.disabled .li-entry {
  color: var(--my-grey)
}

.type-list-sortoptions .dropdown-toggle {
  padding: .6rem 3.6rem .6rem 1.2rem
}

.type-list-sortoptions .dropdown-toggle::after {
  font-family: var(--my-icon-font-family);
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f078";
  line-height: 1;
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  height: 100%;
  transform: rotate(0);
  transition: transform .33s;
  right: 1.2rem;
  border: none;
  vertical-align: auto;
  margin: 0
}

.type-list-sortoptions .dropdown-toggle.show::after {
  transform: rotate(-180deg)
}

.type-list-sortoptions .btn-group {
  display: flex;
  justify-content: flex-end
}

.type-list-sortoptions .dropdown-menu {
  padding: 0;
  border-radius: 0;
  font-size: 1.6rem;
  color: #555;
  min-width: 16rem;
  font-weight: 300;
  box-shadow: 0 6px 12px rgba(0, 0, 0, .3)
}

.type-list-sortoptions .dropdown-menu.show {
  animation-name: fadeTopMenu;
  animation-duration: .33s;
  animation-fill-mode: both;
  transform-origin: top
}

.type-list-sortoptions .dropdown-menu>li>a {
  padding: var(--my-default-margin-verysmall) var(--my-default-margin);
  color: #555;
  text-decoration: none;
  clear: both;
  display: block;
  white-space: nowrap;
  line-height: 1.4
}

.type-list-sortoptions .dropdown-menu>li>a:hover {
  background-color: #ddd
}

.type-list-sortoptions .dropdown-menu>.active>a,
.type-list-sortoptions .dropdown-menu>.active>a:focus,
.type-list-sortoptions .dropdown-menu>.active>a:hover {
  color: #fff;
  background-color: #b31b34
}

.type-list-sortoptions .dropdown-menu .divider {
  margin: var(--my-default-margin-verysmall) 0
}

.type-list-sortoptions .list-option {
  position: relative;
  margin-bottom: var(--my-element-margin);
  margin-left: var(--my-default-margin-small)
}

.type-list-sortoptions .list-option.btn.placeholder {
  background-color: transparent
}

.type-list-sortoptions .list-option.btn.placeholder::after,
.type-list-sortoptions .list-option.btn.placeholder::before {
  content: "";
  background-color: transparent
}

@media (max-width:763.98px) {

  .type-list-sortoptions .dropdown-menu,
  .type-list-sortoptions .dropdown-toggle {
    width: 100%
  }

  .type-list-sortoptions .list-option {
    flex: 0 0 100%;
    margin-left: 0
  }
}

.box,
.box-high {
  --my-body-bg: #f7f7f7;
  --my-body-bg-rgb: 247, 247, 247;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff;
  --my-main-theme: var(--my-link-color);
  --my-main-theme-rgb: var(--my-link-color-rgb);
  --my-main-theme-fg: var(--my-link-fg-color);
  --my-main-theme-hover: var(--my-link-hover-color);
  --my-main-theme-hover-fg: var(--my-link-hover-fg-color);
  --my-headings-color: var(--my-body-color);
  --my-intro-headings-color: var(--my-main-theme);
  --my-highlight-color: rgb(var(--my-highlight-color-rgb), 0.25);
  --my-highlight-fg-color: var(--my-body-color);
  --my-highlight-border-color: var(--my-body-color);
  --my-highlight-border-fg-color: var(--my-body-bg);
  --my-btn-bg: var(--my-link-color);
  --my-btn-fg: var(--my-link-fg-color);
  --my-btn-hover-bg: var(--my-link-hover-color);
  --my-btn-hover-fg: var(--my-link-hover-fg-color);
  --my-btn-border: var(--my-btn-bg);
  --my-btn-hover-border: var(--my-btn-hover-bg)
}

.box-theme {
  --my-body-bg: #b31b34;
  --my-body-bg-rgb: 179, 27, 52;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-dark {
  --my-body-bg: #222;
  --my-body-bg-rgb: 34, 34, 34;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-inner {
  --my-body-bg: var(--my-highlight-color);
  --my-body-color: var(--my-highlight-fg-color);
  --my-body-bg-rgb: var(--my-highlight-color-rgb)
}

.transparent-box {
  background-color: transparent;
  padding: var(--my-box-padding);
  border-radius: var(--my-border-radius);
  overflow: hidden
}

.box,
.box-inner {
  color: var(--my-body-color);
  background-color: white;
  padding: var(--my-box-padding);
  border-radius: var(--my-border-radius);
  overflow: hidden
}

.box-inner.fully-linked,
.box.fully-linked {
  padding: 0
}

.box-inner.fully-linked>a,
.box.fully-linked>a {
  padding: var(--my-box-padding)
}

.box-inner.oc-drag-element,
.box.oc-drag-element {
  overflow: visible
}

.box-inner.type-tab .tab-content,
.box.type-tab .tab-content {
  padding-bottom: 0
}

.box.box-ratio-1-1 {
  min-height: 100cqw
}

.box.box-ration-4-3 {
  min-height: 75cqw
}

.box.box-ratio-3-2 {
  min-height: 66.6667cqw
}

.box.box-ratio-16-9 {
  min-height: 56.25cqw
}

.box.box-ratio-35-45 {
  min-height: 128.5714cqw
}

.box.box-ratio-2-3 {
  min-height: 150cqw
}

.box-grey-darker {
  --my-body-bg: #5a6069;
  --my-body-bg-rgb: 90, 96, 105;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-grey-darker.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-grey-darker {
  --my-body-bg: #5a6069;
  background-color: var(--my-body-bg)
}

.bc-grey-darker.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-grey-darker:not(.imageflip) {
  --my-main-theme: #5a6069;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-grey-dark {
  --my-body-bg: #7f8691;
  --my-body-bg-rgb: 127, 134, 145;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-grey-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-grey-dark {
  --my-body-bg: #7f8691;
  background-color: var(--my-body-bg)
}

.bc-grey-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-grey-dark:not(.imageflip) {
  --my-main-theme: #7f8691;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-grey {
  --my-body-bg: #a8adb4;
  --my-body-bg-rgb: 168, 173, 180;
  --my-body-color: #fff;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #555
}

.box-grey.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-grey {
  --my-body-bg: #a8adb4;
  background-color: var(--my-body-bg)
}

.bc-grey.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-grey:not(.imageflip) {
  --my-main-theme: #a8adb4;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-grey-light {
  --my-body-bg: #ddd;
  --my-body-bg-rgb: 221, 221, 221;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.box-grey-light.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-grey-light {
  --my-body-bg: #ddd;
  background-color: var(--my-body-bg)
}

.bc-grey-light.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-grey-light:not(.imageflip) {
  --my-main-theme: #ddd;
  --my-main-theme-fg: #555;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-grey-lighter {
  --my-body-bg: #f7f7f7;
  --my-body-bg-rgb: 247, 247, 247;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.box-grey-lighter.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-grey-lighter {
  --my-body-bg: #f7f7f7;
  background-color: var(--my-body-bg)
}

.bc-grey-lighter.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-grey-lighter:not(.imageflip) {
  --my-main-theme: #f7f7f7;
  --my-main-theme-fg: #555;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-violet {
  --my-body-bg: #642f5b;
  --my-body-bg-rgb: 100, 47, 91;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-violet.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-violet {
  --my-body-bg: #642f5b;
  background-color: var(--my-body-bg)
}

.bc-violet.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-violet:not(.imageflip) {
  --my-main-theme: #642f5b;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-green {
  --my-body-bg: #00af33;
  --my-body-bg-rgb: 0, 175, 51;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-green.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-green {
  --my-body-bg: #00af33;
  background-color: var(--my-body-bg)
}

.bc-green.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-green:not(.imageflip) {
  --my-main-theme: #00af33;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-yellow {
  --my-body-bg: #ffd900;
  --my-body-bg-rgb: 255, 217, 0;
  --my-body-color: #fff;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.box-yellow.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-yellow {
  --my-body-bg: #ffd900;
  background-color: var(--my-body-bg)
}

.bc-yellow.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-yellow:not(.imageflip) {
  --my-main-theme: #ffd900;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-cyan {
  --my-body-bg: #1bb39a;
  --my-body-bg-rgb: 27, 179, 154;
  --my-body-color: #fff;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #555
}

.box-cyan.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-cyan {
  --my-body-bg: #1bb39a;
  background-color: var(--my-body-bg)
}

.bc-cyan.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-cyan:not(.imageflip) {
  --my-main-theme: #1bb39a;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-blue-dark {
  --my-body-bg: #0d2c56;
  --my-body-bg-rgb: 13, 44, 86;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-blue-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-blue-dark {
  --my-body-bg: #0d2c56;
  background-color: var(--my-body-bg)
}

.bc-blue-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-blue-dark:not(.imageflip) {
  --my-main-theme: #0d2c56;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-blue {
  --my-body-bg: #144382;
  --my-body-bg-rgb: 20, 67, 130;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-blue.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-blue {
  --my-body-bg: #144382;
  background-color: var(--my-body-bg)
}

.bc-blue.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-blue:not(.imageflip) {
  --my-main-theme: #144382;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-blue-light {
  --my-body-bg: #2197db;
  --my-body-bg-rgb: 33, 151, 219;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-blue-light.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-blue-light {
  --my-body-bg: #2197db;
  background-color: var(--my-body-bg)
}

.bc-blue-light.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-blue-light:not(.imageflip) {
  --my-main-theme: #2197db;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-orange-dark {
  --my-body-bg: #d9622d;
  --my-body-bg-rgb: 217, 98, 45;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-orange-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-orange-dark {
  --my-body-bg: #d9622d;
  background-color: var(--my-body-bg)
}

.bc-orange-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-orange-dark:not(.imageflip) {
  --my-main-theme: #d9622d;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-orange {
  --my-body-bg: #ffa826;
  --my-body-bg-rgb: 255, 168, 38;
  --my-body-color: #fff;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #555
}

.box-orange.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-orange {
  --my-body-bg: #ffa826;
  background-color: var(--my-body-bg)
}

.bc-orange.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-orange:not(.imageflip) {
  --my-main-theme: #ffa826;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-red-dark {
  --my-body-bg: #8b1528;
  --my-body-bg-rgb: 139, 21, 40;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-red-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-red-dark {
  --my-body-bg: #8b1528;
  background-color: var(--my-body-bg)
}

.bc-red-dark.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-red-dark:not(.imageflip) {
  --my-main-theme: #8b1528;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-red {
  --my-body-bg: #b31b34;
  --my-body-bg-rgb: 179, 27, 52;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-red.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-red {
  --my-body-bg: #b31b34;
  background-color: var(--my-body-bg)
}

.bc-red.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-red:not(.imageflip) {
  --my-main-theme: #b31b34;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.border-darkgrey {
  border: solid 2px darkgrey
}

.border-aqua {
  border: solid 2px #2c8096
}

.box-white {
  --my-body-bg: #fff;
  --my-body-bg-rgb: 255, 255, 255;
  --my-body-color: #555;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff
}

.box-white.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-white {
  --my-body-bg: #fff;
  background-color: var(--my-body-bg)
}

.bc-white.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-white:not(.imageflip) {
  --my-main-theme: #fff;
  --my-main-theme-fg: #555;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.box-default {
  --my-body-bg: #b31b34;
  --my-body-bg-rgb: 179, 27, 52;
  --my-body-color: #fff;
  --my-link-color: #cccccc;
  --my-link-color-rgb: 204, 204, 204;
  --my-link-hover-color: #fff;
  --my-link-hover-color-rgb: 255, 255, 255;
  --my-link-fg-color: #555;
  --my-link-hover-fg-color: #555
}

.box-default.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.bc-default {
  --my-body-bg: #b31b34;
  background-color: var(--my-body-bg)
}

.bc-default.transparent {
  background-color: rgb(var(--my-body-bg-rgb), .7)
}

.color-default:not(.imageflip) {
  --my-main-theme: #b31b34;
  --my-main-theme-fg: #fff;
  --my-btn-bg: var(--my-main-theme);
  --my-btn-fg: var(--my-main-theme-fg)
}

.text-black {
  color: #000
}

.text-black :not(a):not(span) {
  color: #000
}

.text-grey {
  color: #a8adb4
}

.text-grey :not(a):not(span) {
  color: #a8adb4
}

.text-white {
  color: #fff
}

.text-white :not(a):not(span) {
  color: #fff
}

.text-light {
  color: #fff
}

.text-light :not(a):not(span) {
  color: #fff
}

.text-dark,
.text-default {
  color: #555
}

.text-dark :not(a):not(span),
.text-default :not(a):not(span) {
  color: #555
}

.text-theme {
  color: #b31b34
}

.text-theme :not(a):not(span) {
  color: #b31b34
}

.text-aqua {
  color: #2c8096
}

.text-aqua :not(a):not(span) {
  color: #2c8096
}

.header-black h1,
.header-black h2,
.header-black h3,
.header-black h4,
.header-black h5 {
  color: black;
  font-weight: bold;
}

.header-aqua {
  color: #2c8096;
  font-weight: bold;
}

.header-aqua :not(a):not(span) {
  color: #2c8096;
  font-weight: bold;
}

.links-aqua {
  text-align: center
}

.links-aqua a {
  font-weight: bold
}

.links-aqua a:not(.btn):not(.uncolored) {
  color: #2c8096;
  text-decoration: none;
}

.links-aqua a:not(.btn):not(.uncolored):focus,
.links-aqua a:not(.btn):not(.uncolored):hover {
  color: #2c8096;
  text-decoration: none;
}

.popupLink a {
  font-weight: bold
}

.popupLink a:not(.btn):not(.uncolored) {
  color: #2c8096
}

.popupLink a:not(.btn):not(.uncolored):focus,
.popupLink a:not(.btn):not(.uncolored):hover {
  color: #2c8096
}

.links-black a:not(.btn):not(.uncolored) {
  color: #000
}

.links-black a:not(.btn):not(.uncolored):focus,
.links-black a:not(.btn):not(.uncolored):hover {
  color: #5a6069
}

.links-grey a:not(.btn):not(.uncolored) {
  color: #a8adb4
}

.links-grey a:not(.btn):not(.uncolored):focus,
.links-grey a:not(.btn):not(.uncolored):hover {
  color: #ddd
}

.links-white a:not(.btn):not(.uncolored) {
  color: #fff
}

.links-white a:not(.btn):not(.uncolored):focus,
.links-white a:not(.btn):not(.uncolored):hover {
  color: #f7f7f7
}

.links-light a:not(.btn):not(.uncolored) {
  color: #fff
}

.links-light a:not(.btn):not(.uncolored):focus,
.links-light a:not(.btn):not(.uncolored):hover {
  color: #f7f7f7
}

.links-dark a:not(.btn):not(.uncolored) {
  color: #555
}

.links-dark a:not(.btn):not(.uncolored):focus,
.links-dark a:not(.btn):not(.uncolored):hover {
  color: #a8adb4
}

.links-default a:not(.btn):not(.uncolored),
.links-theme a:not(.btn):not(.uncolored) {
  color: #b31b34
}

.links-default a:not(.btn):not(.uncolored):focus,
.links-default a:not(.btn):not(.uncolored):hover,
.links-theme a:not(.btn):not(.uncolored):focus,
.links-theme a:not(.btn):not(.uncolored):hover {
  color: #ff264a
}

.fs-6 {
  font-size: 6px
}

.fs-7 {
  font-size: 7px
}

.fs-8 {
  font-size: 8px
}

.fs-9 {
  font-size: 9px
}

.fs-10 {
  font-size: 10px
}

.fs-11 {
  font-size: 11px
}

.fs-12 {
  font-size: 12px
}

.fs-13 {
  font-size: 13px
}

.fs-14 {
  font-size: 14px
}

.fs-15 {
  font-size: 15px
}

.fs-16 {
  font-size: 16px
}

.fs-18 {
  font-size: 18px
}

.fs-20 {
  font-size: 20px
}

.fs-22 {
  font-size: 22px
}

.fs-24 {
  font-size: 24px
}

.fs-26 {
  font-size: 26px
}

.fs-28 {
  font-size: 28px
}

.fs-30 {
  font-size: 30px
}

.fs-36 {
  font-size: 36px
}

.fs-48 {
  font-size: 48px
}

.fs-72 {
  font-size: 72px
}

.bo-1 {
  border: 1px solid #b31b34;
  padding: calc(20px - 1px);
  border-radius: var(--my-border-radius)
}

.bo-2 {
  border: 2px solid #b31b34;
  padding: calc(20px - 2px);
  border-radius: var(--my-border-radius)
}

.bo-radius-0 {
  border: 0 solid;
  border-radius: 0
}

.bo-radius-2 {
  border: 0 solid;
  border-radius: 2px
}

.bo-radius-4 {
  border: 0 solid;
  border-radius: 4px
}

.bo-radius-5 {
  border: 0 solid;
  border-radius: 5px
}

.bo-radius-10 {
  border: 0 solid;
  border-radius: 10px
}

.bo-radius-15 {
  border: 0 solid;
  border-radius: 15px
}

.bo-radius-20 {
  border: 0 solid;
  border-radius: 20px
}

.bo-radius-30 {
  border: 0 solid;
  border-radius: 30px
}

.bo-radius-25p {
  border: 0 solid;
  border-radius: 25%
}

.bo-radius-50p {
  border: 0 solid;
  border-radius: 50%
}

.bo-grey-darker {
  border-color: #5a6069
}

.bo-grey-dark {
  border-color: #7f8691
}

.bo-grey {
  border-color: #a8adb4
}

.bo-grey-light {
  border-color: #ddd
}

.bo-grey-lighter {
  border-color: #f7f7f7
}

.bo-violet {
  border-color: #642f5b
}

.bo-green {
  border-color: #00af33
}

.bo-yellow {
  border-color: #ffd900
}

.bo-cyan {
  border-color: #1bb39a
}

.bo-blue-dark {
  border-color: #0d2c56
}

.bo-blue {
  border-color: #144382
}

.bo-blue-light {
  border-color: #2197db
}

.bo-orange-dark {
  border-color: #d9622d
}

.bo-orange {
  border-color: #ffa826
}

.bo-red-dark {
  border-color: #8b1528
}

.bo-red {
  border-color: #b31b34
}

.bo-white {
  border-color: #fff
}

.bo-default {
  border-color: #b31b34
}

.bo-solid {
  border-style: solid
}

.bo-dotted {
  border-style: dotted
}

.bo-dashed {
  border-style: dashed
}

.bo-hidden {
  border-style: hidden
}

.bo-none {
  border: none
}

.bo-bottom-1 {
  border-bottom: 1px solid #b31b34;
  padding: 20px
}

.bo-bottom-2 {
  border-bottom: 2px solid #b31b34;
  padding: 20px
}

.bo-bottom-solid {
  border-bottom-style: solid
}

.bo-bottom-dotted {
  border-bottom-style: dotted
}

.bo-bottom-dashed {
  border-bottom-style: dashed
}

.bo-bottom-hidden {
  border-bottom-style: hidden
}

.bo-top-1 {
  border-top: 1px solid #b31b34;
  padding: 20px
}

.bo-top-2 {
  border-top: 2px solid #b31b34;
  padding: 20px
}

.bo-top-solid {
  border-top-style: solid
}

.bo-top-dotted {
  border-top-style: dotted
}

.bo-top-dashed {
  border-top-style: dashed
}

.bo-top-hidden {
  border-top-style: hidden
}

.bo-left-1 {
  border-left: 1px solid #b31b34;
  padding: 20px
}

.bo-left-2 {
  border-left: 2px solid #b31b34;
  padding: 20px
}

.bo-left-solid {
  border-left-style: solid
}

.bo-left-dotted {
  border-left-style: dotted
}

.bo-left-dashed {
  border-left-style: dashed
}

.bo-left-hidden {
  border-left-style: hidden
}

.bo-right-1 {
  border-right: 1px solid #b31b34;
  padding: 20px
}

.bo-right-2 {
  border-right: 2px solid #b31b34;
  padding: 20px
}

.bo-right-solid {
  border-right-style: solid
}

.bo-right-dotted {
  border-right-style: dotted
}

.bo-right-dashed {
  border-right-style: dashed
}

.bo-right-hidden {
  border-right-style: hidden
}

.p-0 {
  padding: 0 !important
}

.ph-0,
.pl-0 {
  padding-left: 0 !important
}

.ph-0,
.pr-0 {
  padding-right: 0 !important
}

.pt-0,
.pv-0 {
  padding-top: 0 !important
}

.pb-0,
.pv-0 {
  padding-bottom: 0 !important
}

.m-0 {
  margin: 0 !important
}

.mh-0,
.ml-0 {
  margin-left: 0 !important
}

.mh-0,
.mr-0 {
  margin-right: 0 !important
}

.mt-0,
.mv-0 {
  margin-top: 0 !important
}

.mb-0,
.mv-0 {
  margin-bottom: 0 !important
}

.m-neg-0 {
  margin: 0 !important
}

.mh-neg-0,
.ml-neg-0 {
  margin-left: 0 !important
}

.mh-neg-0,
.mr-neg-0 {
  margin-right: 0 !important
}

.mt-neg-0,
.mv-neg-0 {
  margin-top: 0 !important
}

.mb-neg-0,
.mv-neg-0 {
  margin-bottom: 0 !important
}

.p-1 {
  padding: .1rem !important
}

.ph-1,
.pl-1 {
  padding-left: .1rem !important
}

.ph-1,
.pr-1 {
  padding-right: .1rem !important
}

.pt-1,
.pv-1 {
  padding-top: .1rem !important
}

.pb-1,
.pv-1 {
  padding-bottom: .1rem !important
}

.m-1 {
  margin: .1rem !important
}

.mh-1,
.ml-1 {
  margin-left: .1rem !important
}

.mh-1,
.mr-1 {
  margin-right: .1rem !important
}

.mt-1,
.mv-1 {
  margin-top: .1rem !important
}

.mb-1,
.mv-1 {
  margin-bottom: .1rem !important
}

.m-neg-1 {
  margin: -.1rem !important
}

.mh-neg-1,
.ml-neg-1 {
  margin-left: -.1rem !important
}

.mh-neg-1,
.mr-neg-1 {
  margin-right: -.1rem !important
}

.mt-neg-1,
.mv-neg-1 {
  margin-top: -.1rem !important
}

.mb-neg-1,
.mv-neg-1 {
  margin-bottom: -.1rem !important
}

.p-2 {
  padding: .2rem !important
}

.ph-2,
.pl-2 {
  padding-left: .2rem !important
}

.ph-2,
.pr-2 {
  padding-right: .2rem !important
}

.pt-2,
.pv-2 {
  padding-top: .2rem !important
}

.pb-2,
.pv-2 {
  padding-bottom: .2rem !important
}

.m-2 {
  margin: .2rem !important
}

.mh-2,
.ml-2 {
  margin-left: .2rem !important
}

.mh-2,
.mr-2 {
  margin-right: .2rem !important
}

.mt-2,
.mv-2 {
  margin-top: .2rem !important
}

.mb-2,
.mv-2 {
  margin-bottom: .2rem !important
}

.m-neg-2 {
  margin: -.2rem !important
}

.mh-neg-2,
.ml-neg-2 {
  margin-left: -.2rem !important
}

.mh-neg-2,
.mr-neg-2 {
  margin-right: -.2rem !important
}

.mt-neg-2,
.mv-neg-2 {
  margin-top: -.2rem !important
}

.mb-neg-2,
.mv-neg-2 {
  margin-bottom: -.2rem !important
}

.p-3 {
  padding: .3rem !important
}

.ph-3,
.pl-3 {
  padding-left: .3rem !important
}

.ph-3,
.pr-3 {
  padding-right: .3rem !important
}

.pt-3,
.pv-3 {
  padding-top: .3rem !important
}

.pb-3,
.pv-3 {
  padding-bottom: .3rem !important
}

.m-3 {
  margin: .3rem !important
}

.mh-3,
.ml-3 {
  margin-left: .3rem !important
}

.mh-3,
.mr-3 {
  margin-right: .3rem !important
}

.mt-3,
.mv-3 {
  margin-top: .3rem !important
}

.mb-3,
.mv-3 {
  margin-bottom: .3rem !important
}

.m-neg-3 {
  margin: -.3rem !important
}

.mh-neg-3,
.ml-neg-3 {
  margin-left: -.3rem !important
}

.mh-neg-3,
.mr-neg-3 {
  margin-right: -.3rem !important
}

.mt-neg-3,
.mv-neg-3 {
  margin-top: -.3rem !important
}

.mb-neg-3,
.mv-neg-3 {
  margin-bottom: -.3rem !important
}

.p-4 {
  padding: .4rem !important
}

.ph-4,
.pl-4 {
  padding-left: .4rem !important
}

.ph-4,
.pr-4 {
  padding-right: .4rem !important
}

.pt-4,
.pv-4 {
  padding-top: .4rem !important
}

.pb-4,
.pv-4 {
  padding-bottom: .4rem !important
}

.m-4 {
  margin: .4rem !important
}

.mh-4,
.ml-4 {
  margin-left: .4rem !important
}

.mh-4,
.mr-4 {
  margin-right: .4rem !important
}

.mt-4,
.mv-4 {
  margin-top: .4rem !important
}

.mb-4,
.mv-4 {
  margin-bottom: .4rem !important
}

.m-neg-4 {
  margin: -.4rem !important
}

.mh-neg-4,
.ml-neg-4 {
  margin-left: -.4rem !important
}

.mh-neg-4,
.mr-neg-4 {
  margin-right: -.4rem !important
}

.mt-neg-4,
.mv-neg-4 {
  margin-top: -.4rem !important
}

.mb-neg-4,
.mv-neg-4 {
  margin-bottom: -.4rem !important
}

.p-5 {
  padding: .5rem !important
}

.ph-5,
.pl-5 {
  padding-left: .5rem !important
}

.ph-5,
.pr-5 {
  padding-right: .5rem !important
}

.pt-5,
.pv-5 {
  padding-top: .5rem !important
}

.pb-5,
.pv-5 {
  padding-bottom: .5rem !important
}

.m-5 {
  margin: .5rem !important
}

.mh-5,
.ml-5 {
  margin-left: .5rem !important
}

.mh-5,
.mr-5 {
  margin-right: .5rem !important
}

.mt-5,
.mv-5 {
  margin-top: .5rem !important
}

.mb-5,
.mv-5 {
  margin-bottom: .5rem !important
}

.m-neg-5 {
  margin: -.5rem !important
}

.mh-neg-5,
.ml-neg-5 {
  margin-left: -.5rem !important
}

.mh-neg-5,
.mr-neg-5 {
  margin-right: -.5rem !important
}

.mt-neg-5,
.mv-neg-5 {
  margin-top: -.5rem !important
}

.mb-neg-5,
.mv-neg-5 {
  margin-bottom: -.5rem !important
}

.p-10 {
  padding: 1rem !important
}

.ph-10,
.pl-10 {
  padding-left: 1rem !important
}

.ph-10,
.pr-10 {
  padding-right: 1rem !important
}

.pt-10,
.pv-10 {
  padding-top: 1rem !important
}

.pb-10,
.pv-10 {
  padding-bottom: 1rem !important
}

.m-10 {
  margin: 1rem !important
}

.mh-10,
.ml-10 {
  margin-left: 1rem !important
}

.mh-10,
.mr-10 {
  margin-right: 1rem !important
}

.mt-10,
.mv-10 {
  margin-top: 1rem !important
}

.mb-10,
.mv-10 {
  margin-bottom: 1rem !important
}

.m-neg-10 {
  margin: -1rem !important
}

.mh-neg-10,
.ml-neg-10 {
  margin-left: -1rem !important
}

.mh-neg-10,
.mr-neg-10 {
  margin-right: -1rem !important
}

.mt-neg-10,
.mv-neg-10 {
  margin-top: -1rem !important
}

.mb-neg-10,
.mv-neg-10 {
  margin-bottom: -1rem !important
}

.p-15 {
  padding: 1.5rem !important
}

.ph-15,
.pl-15 {
  padding-left: 1.5rem !important
}

.ph-15,
.pr-15 {
  padding-right: 1.5rem !important
}

.pt-15,
.pv-15 {
  padding-top: 1.5rem !important
}

.pb-15,
.pv-15 {
  padding-bottom: 1.5rem !important
}

.m-15 {
  margin: 1.5rem !important
}

.mh-15,
.ml-15 {
  margin-left: 1.5rem !important
}

.mh-15,
.mr-15 {
  margin-right: 1.5rem !important
}

.mt-15,
.mv-15 {
  margin-top: 1.5rem !important
}

.mb-15,
.mv-15 {
  margin-bottom: 1.5rem !important
}

.m-neg-15 {
  margin: -1.5rem !important
}

.mh-neg-15,
.ml-neg-15 {
  margin-left: -1.5rem !important
}

.mh-neg-15,
.mr-neg-15 {
  margin-right: -1.5rem !important
}

.mt-neg-15,
.mv-neg-15 {
  margin-top: -1.5rem !important
}

.mb-neg-15,
.mv-neg-15 {
  margin-bottom: -1.5rem !important
}

.p-20 {
  padding: 2rem !important
}

.ph-20,
.pl-20 {
  padding-left: 2rem !important
}

.ph-20,
.pr-20 {
  padding-right: 2rem !important
}

.pt-20,
.pv-20 {
  padding-top: 2rem !important
}

.pb-20,
.pv-20 {
  padding-bottom: 2rem !important
}

.m-20 {
  margin: 2rem !important
}

.mh-20,
.ml-20 {
  margin-left: 2rem !important
}

.mh-20,
.mr-20 {
  margin-right: 2rem !important
}

.mt-20,
.mv-20 {
  margin-top: 2rem !important
}

.mb-20,
.mv-20 {
  margin-bottom: 2rem !important
}

.m-neg-20 {
  margin: -2rem !important
}

.mh-neg-20,
.ml-neg-20 {
  margin-left: -2rem !important
}

.mh-neg-20,
.mr-neg-20 {
  margin-right: -2rem !important
}

.mt-neg-20,
.mv-neg-20 {
  margin-top: -2rem !important
}

.mb-neg-20,
.mv-neg-20 {
  margin-bottom: -2rem !important
}

.p-25 {
  padding: 2.5rem !important
}

.ph-25,
.pl-25 {
  padding-left: 2.5rem !important
}

.ph-25,
.pr-25 {
  padding-right: 2.5rem !important
}

.pt-25,
.pv-25 {
  padding-top: 2.5rem !important
}

.pb-25,
.pv-25 {
  padding-bottom: 2.5rem !important
}

.m-25 {
  margin: 2.5rem !important
}

.mh-25,
.ml-25 {
  margin-left: 2.5rem !important
}

.mh-25,
.mr-25 {
  margin-right: 2.5rem !important
}

.mt-25,
.mv-25 {
  margin-top: 2.5rem !important
}

.mb-25,
.mv-25 {
  margin-bottom: 2.5rem !important
}

.m-neg-25 {
  margin: -2.5rem !important
}

.mh-neg-25,
.ml-neg-25 {
  margin-left: -2.5rem !important
}

.mh-neg-25,
.mr-neg-25 {
  margin-right: -2.5rem !important
}

.mt-neg-25,
.mv-neg-25 {
  margin-top: -2.5rem !important
}

.mb-neg-25,
.mv-neg-25 {
  margin-bottom: -2.5rem !important
}

.p-30 {
  padding: 3rem !important
}

.ph-30,
.pl-30 {
  padding-left: 3rem !important
}

.ph-30,
.pr-30 {
  padding-right: 3rem !important
}

.pt-30,
.pv-30 {
  padding-top: 3rem !important
}

.pb-30,
.pv-30 {
  padding-bottom: 3rem !important
}

.m-30 {
  margin: 3rem !important
}

.mh-30,
.ml-30 {
  margin-left: 3rem !important
}

.mh-30,
.mr-30 {
  margin-right: 3rem !important
}

.mt-30,
.mv-30 {
  margin-top: 3rem !important
}

.mb-30,
.mv-30 {
  margin-bottom: 3rem !important
}

.m-neg-30 {
  margin: -3rem !important
}

.mh-neg-30,
.ml-neg-30 {
  margin-left: -3rem !important
}

.mh-neg-30,
.mr-neg-30 {
  margin-right: -3rem !important
}

.mt-neg-30,
.mv-neg-30 {
  margin-top: -3rem !important
}

.mb-neg-30,
.mv-neg-30 {
  margin-bottom: -3rem !important
}

.p-40 {
  padding: 4rem !important
}

.ph-40,
.pl-40 {
  padding-left: 4rem !important
}

.ph-40,
.pr-40 {
  padding-right: 4rem !important
}

.pt-40,
.pv-40 {
  padding-top: 4rem !important
}

.pb-40,
.pv-40 {
  padding-bottom: 4rem !important
}

.m-40 {
  margin: 4rem !important
}

.mh-40,
.ml-40 {
  margin-left: 4rem !important
}

.mh-40,
.mr-40 {
  margin-right: 4rem !important
}

.mt-40,
.mv-40 {
  margin-top: 4rem !important
}

.mb-40,
.mv-40 {
  margin-bottom: 4rem !important
}

.m-neg-40 {
  margin: -4rem !important
}

.mh-neg-40,
.ml-neg-40 {
  margin-left: -4rem !important
}

.mh-neg-40,
.mr-neg-40 {
  margin-right: -4rem !important
}

.mt-neg-40,
.mv-neg-40 {
  margin-top: -4rem !important
}

.mb-neg-40,
.mv-neg-40 {
  margin-bottom: -4rem !important
}

.p-50 {
  padding: 5rem !important
}

.ph-50,
.pl-50 {
  padding-left: 5rem !important
}

.ph-50,
.pr-50 {
  padding-right: 5rem !important
}

.pt-50,
.pv-50 {
  padding-top: 5rem !important
}

.pb-50,
.pv-50 {
  padding-bottom: 5rem !important
}

.m-50 {
  margin: 5rem !important
}

.mh-50,
.ml-50 {
  margin-left: 5rem !important
}

.mh-50,
.mr-50 {
  margin-right: 5rem !important
}

.mt-50,
.mv-50 {
  margin-top: 5rem !important
}

.mb-50,
.mv-50 {
  margin-bottom: 5rem !important
}

.m-neg-50 {
  margin: -5rem !important
}

.mh-neg-50,
.ml-neg-50 {
  margin-left: -5rem !important
}

.mh-neg-50,
.mr-neg-50 {
  margin-right: -5rem !important
}

.mt-neg-50,
.mv-neg-50 {
  margin-top: -5rem !important
}

.mb-neg-50,
.mv-neg-50 {
  margin-bottom: -5rem !important
}

.p-75 {
  padding: 7.5rem !important
}

.ph-75,
.pl-75 {
  padding-left: 7.5rem !important
}

.ph-75,
.pr-75 {
  padding-right: 7.5rem !important
}

.pt-75,
.pv-75 {
  padding-top: 7.5rem !important
}

.pb-75,
.pv-75 {
  padding-bottom: 7.5rem !important
}

.m-75 {
  margin: 7.5rem !important
}

.mh-75,
.ml-75 {
  margin-left: 7.5rem !important
}

.mh-75,
.mr-75 {
  margin-right: 7.5rem !important
}

.mt-75,
.mv-75 {
  margin-top: 7.5rem !important
}

.mb-75,
.mv-75 {
  margin-bottom: 7.5rem !important
}

.m-neg-75 {
  margin: -7.5rem !important
}

.mh-neg-75,
.ml-neg-75 {
  margin-left: -7.5rem !important
}

.mh-neg-75,
.mr-neg-75 {
  margin-right: -7.5rem !important
}

.mt-neg-75,
.mv-neg-75 {
  margin-top: -7.5rem !important
}

.mb-neg-75,
.mv-neg-75 {
  margin-bottom: -7.5rem !important
}

.p-100 {
  padding: 10rem !important
}

.ph-100,
.pl-100 {
  padding-left: 10rem !important
}

.ph-100,
.pr-100 {
  padding-right: 10rem !important
}

.pt-100,
.pv-100 {
  padding-top: 10rem !important
}

.pb-100,
.pv-100 {
  padding-bottom: 10rem !important
}

.m-100 {
  margin: 10rem !important
}

.mh-100,
.ml-100 {
  margin-left: 10rem !important
}

.mh-100,
.mr-100 {
  margin-right: 10rem !important
}

.mt-100,
.mv-100 {
  margin-top: 10rem !important
}

.mb-100,
.mv-100 {
  margin-bottom: 10rem !important
}

.m-neg-100 {
  margin: -10rem !important
}

.mh-neg-100,
.ml-neg-100 {
  margin-left: -10rem !important
}

.mh-neg-100,
.mr-neg-100 {
  margin-right: -10rem !important
}

.mt-neg-100,
.mv-neg-100 {
  margin-top: -10rem !important
}

.mb-neg-100,
.mv-neg-100 {
  margin-bottom: -10rem !important
}

.align-right.piece.full {
  text-align: right
}

.align-right.ls-row>ul {
  display: block;
  float: right
}

.mb-0 {
  margin-bottom: 0 !important
}

@media (min-width:552px) {
  .align-sm-right.piece.full {
    text-align: right
  }

  .align-sm-right.ls-row>ul {
    display: block;
    float: right
  }

  .mb-0-sm {
    margin-bottom: 0 !important
  }
}

@media (min-width:764px) {
  .align-md-right.piece.full {
    text-align: right
  }

  .align-md-right.ls-row>ul {
    display: block;
    float: right
  }

  .mb-0-md {
    margin-bottom: 0 !important
  }
}

@media (min-width:1014px) {
  .align-lg-right.piece.full {
    text-align: right
  }

  .align-lg-right.ls-row>ul {
    display: block;
    float: right
  }

  .mb-0-lg {
    margin-bottom: 0 !important
  }
}

@media (min-width:1200px) {
  .align-xl-right.piece.full {
    text-align: right
  }

  .align-xl-right.ls-row>ul {
    display: block;
    float: right
  }

  .mb-0-xl {
    margin-bottom: 0 !important
  }
}

@media (min-width:1400px) {
  .align-xxl-right.piece.full {
    text-align: right
  }

  .align-xxl-right.ls-row>ul {
    display: block;
    float: right
  }

  .mb-0-xxl {
    margin-bottom: 0 !important
  }
}

html .opencms :focus,
html .opencms:focus {
  outline: 0;
  box-shadow: none
}

html.keyboard-nav .opencms :focus,
html.keyboard-nav .opencms:focus {
  outline-color: rgba(77, 144, 255, .5);
  outline-width: 3px;
  outline-style: solid;
  outline-offset: -2px;
  box-shadow: none
}

html.hasscript .hide-hasscript {
  display: none
}

.box-body,
.box-body-base,
:root {
  --my-body-bg: #fff;
  --my-body-color: #555;
  --my-body-bg-rgb: 255, 255, 255;
  --my-link-color: #b31b34;
  --my-link-color-rgb: 179, 27, 52;
  --my-link-hover-color: #ff264a;
  --my-link-hover-color-rgb: 255, 38, 74;
  --my-link-fg-color: #fff;
  --my-link-hover-fg-color: #fff;
  --my-link-opacity: 1.0;
  --my-main-theme: #b31b34;
  --my-main-theme-rgb: 179, 27, 52;
  --my-main-theme-fg: #fff;
  --my-main-theme-hover: #ff264a;
  --my-main-theme-hover-fg: #fff;
  --my-headings-color: #222;
  --my-intro-headings-color: var(--my-main-theme);
  --my-highlight-color: #f7f7f7;
  --my-highlight-color-rgb: 247, 247, 247;
  --my-highlight-fg-color: #555;
  --my-highlight-border-color: #ddd;
  --my-highlight-border-fg-color: #555;
  --my-btn-bg: #ddd;
  --my-btn-fg: #555;
  --my-btn-hover-bg: #b31b34;
  --my-btn-hover-fg: #fff;
  --my-btn-border: var(--my-btn-fg);
  --my-btn-hover-border: var(--my-btn-hover-fg)
}

:root {
  --my-body-font-family: Arial, "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --my-body-font-size: 1.6rem;
  --my-body-font-weight: 300;
  --my-body-line-height: 1.4;
  --my-font-weight-bold: 600;
  --my-disabled-color: #ddd;
  --my-disabled-fg-color: #555;
  --my-main-theme-base: #b31b34;
  --my-grey-lighter: #f7f7f7;
  --my-grey-light: #ddd;
  --my-grey: #a8adb4;
  --my-text-dark: #555;
  --my-text-light: #fff;
  --my-nav-toggle-bg: var(--my-main-theme);
  --my-nav-toggle-fg: var(--my-main-theme-fg);
  --my-font-family-headings: Arial, "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --my-btn-font-family: var(--my-body-font-family);
  --my-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --my-font-weight-headings: 600;
  --my-font-style-headings: normal;
  --my-border-radius: 3px;
  --my-btn-border-radius: 2px;
  --my-image-border-radius: var(--my-border-radius);
  --my-default-margin: 2rem;
  --my-default-margin-small: 1rem;
  --my-default-margin-verysmall: 0.5rem;
  --my-element-margin: 1.5rem;
  --my-ws-margin: 1rem;
  --my-box-padding: 20px;
  --my-paragraph-margin-bottom: 1rem;
  --my-headings-margin-bottom: 1.5rem
}

.copyright {
  --my-copyright-padding: 2px 4px;
  --my-copyright-font-size: 8px;
  --my-copyright-color: #000;
  --my-copyright-bg-color: rgba(255, 255, 255, 0.6);
  --my-copyright-opacity: 0.8;
  --my-copyright-pos-right: initial;
  --my-copyright-border-radius: 1px 0 0 0;
  --my-copyright-font-family: var(--my-body-font-family);
  --my-copyright-text-shadow: none
}

#template-info {
  visibility: hidden
}

#template-info::before {
  display: none;
  content:'{"main-theme":"#b31b34", "main-theme-hover":"#ff264a", "map-color":["#b31b34","#ff264a","#ffa826","#1bb39a","#ddd","#a8adb4","#f7f7f7","#7f8691","#fff","#000","#a8adb4"], "map-center":"#b31b34", "map-cluster":"#ff264a", "map-style":[{"featureType":"all","elementType":"all","stylers":[{"saturation":"-100"}]},{"featureType":"administrative","elementType":"labels.text.fill","stylers":[{"color":"#b31b34"}]},{"featureType":"landscape.natural","elementType":"all","stylers":[{"lightness":"75"},{"gamma":"1.00"}]},{"featureType":"poi","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"},{"saturation":"-30"},{"lightness":"0"},{"gamma":"1"}]},{"featureType":"poi.business","elementType":"all","stylers":[{"visibility":"off"}]},{"featureType":"poi.park","elementType":"geometry.fill","stylers":[{"color":"#d8ded8"}]},{"featureType":"road","elementType":"labels.icon","stylers":[{"visibility":"off"}]},{"featureType":"road.highway","elementType":"geometry.fill","stylers":[{"color":"#fafafa"}]},{"featureType":"water","elementType":"geometry.fill","stylers":[{"color":"#a5b1be"}]}]}'
}

#template-grid-info::before {
  display: none;
  content: "xs"
}

@media (min-width:552px) {
  #template-grid-info::before {
    content: "sm"
  }
}

@media (min-width:764px) {
  #template-grid-info::before {
    content: "md"
  }
}

@media (min-width:1014px) {
  #template-grid-info::before {
    content: "lg"
  }
}

@media (min-width:1200px) {
  #template-grid-info::before {
    content: "xl"
  }
}

@media (min-width:1400px) {
  #template-grid-info::before {
    content: "xxl"
  }
}

#template-grid-info::after {
  display: none;
  content:'{"xsMax":551.98px, "smMin":552px, "smMax":763.98px, "mdMin":764px, "mdMax":1013.98px, "lgMin":1014px, "lgMax":1199.98px, "xlMin":1200px, "xlMax":1399.98px, "xxlMin":1400px, "bhTogTop":"30px","navMobMax":763.98px, "navDeskMin":1014px, "navMobPos":"right","navFixHeader":"true"}'
}

.template-info.bg-colors::before {
  display: none;
  content:'[{"name": "grey-darker","value": "#5a6069"}, {"name": "grey-dark","value": "#7f8691"}, {"name": "grey","value": "#a8adb4"}, {"name": "grey-light","value": "#ddd"}, {"name": "grey-lighter","value": "#f7f7f7"}, {"name": "violet","value": "#642f5b"}, {"name": "green","value": "#00af33"}, {"name": "yellow","value": "#ffd900"}, {"name": "cyan","value": "#1bb39a"}, {"name": "blue-dark","value": "#0d2c56"}, {"name": "blue","value": "#144382"}, {"name": "blue-light","value": "#2197db"}, {"name": "orange-dark","value": "#d9622d"}, {"name": "orange","value": "#ffa826"}, {"name": "red-dark","value": "#8b1528"}, {"name": "red","value": "#b31b34"}, {"name": "white","value": "#fff"}, {"name": "default","value": "#b31b34"}, {}]'
}

.template-info.text-colors::before {
  display: none;
  content:'[{"name": "black","value": "#000"}, {"name": "grey","value": "#a8adb4"}, {"name": "white","value": "#fff"}, {"name": "light","value": "#fff"}, {"name": "dark","value": "#555"}, {"name": "theme","value": "#b31b34"}, {"name": "default","value": "default"}, {}]'
}

.template-info.link-colors::before {
  display: none;
  content:'[{"name": "black","value": "#000"}, {"name": "grey","value": "#a8adb4"}, {"name": "white","value": "#fff"}, {"name": "light","value": "#fff"}, {"name": "dark","value": "#555"}, {"name": "theme","value": "#b31b34"}, {"name": "default","value": "default"}, {}]'
}

/*# sourceMappingURL=theme-standard.min.css.map */